Eerie Black#2C0735
Dark Sienna#6B1F4E
Indian Red#BE3B78
Coral#F97B5D
Khaki#FBCF77

Color Palette

#2C0735 · #6B1F4E · #BE3B78 · #F97B5D · #FBCF77

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #2C0735;
  --color-1-rgb: 44, 7, 53;
  --color-1-hsl: 288, 77%, 12%;
  --color-2: #6B1F4E;
  --color-2-rgb: 107, 31, 78;
  --color-2-hsl: 323, 55%, 27%;
  --color-3: #BE3B78;
  --color-3-rgb: 190, 59, 120;
  --color-3-hsl: 332, 53%, 49%;
  --color-4: #F97B5D;
  --color-4-rgb: 249, 123, 93;
  --color-4-hsl: 12, 93%, 67%;
  --color-5: #FBCF77;
  --color-5-rgb: 251, 207, 119;
  --color-5-hsl: 40, 94%, 73%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#2C0735
On White
17.66:1AAA
On Black
1.19:1Fail
Aa
Aa
#6B1F4E
On White
10.87:1AAA
On Black
1.93:1Fail
Aa
Aa
#BE3B78
On White
5.14:1AA
On Black
4.09:1Fail
Aa
Aa
#F97B5D
On White
2.62:1Fail
On Black
8.02:1AAA
Aa
Aa
#FBCF77
On White
1.47:1Fail
On Black
14.29:1AAA
Aa
Aa

Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.

Palette Variations

Palette Variations

Original

☀️

lighter

· Increased lightness, reduced saturation

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact