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
#721B88
#AE4284
#D28EAE
#F9CDC2
#FCF2DE
🌑
darker
· Reduced lightness, increased saturation
#130217
#1D0714
#751F47
#ED3102
#FEAF10
🌫️
muted
· Desaturated for a calm, muted look
#27102D
#563449
#9A607B
#E08B76
#E6C98E
⚡
vibrant
· Boosted saturation for maximum impact
#A300CC
#BD0F7A
#E51576
#FF5C33
#FFBB33