Apricot#FFCDB2
Apricot#FFB4A2
Dark Salmon#E5989B
Stone#B5838D
Dim Gray#6D6875
Color Palette
#FFCDB2 · #FFB4A2 · #E5989B · #B5838D · #6D6875
analogous0 likes
Share
Export for Developers
:root {
--color-1: #FFCDB2;
--color-1-rgb: 255, 205, 178;
--color-1-hsl: 21, 100%, 85%;
--color-2: #FFB4A2;
--color-2-rgb: 255, 180, 162;
--color-2-hsl: 12, 100%, 82%;
--color-3: #E5989B;
--color-3-rgb: 229, 152, 155;
--color-3-hsl: 358, 60%, 75%;
--color-4: #B5838D;
--color-4-rgb: 181, 131, 141;
--color-4-hsl: 348, 25%, 61%;
--color-5: #6D6875;
--color-5-rgb: 109, 104, 117;
--color-5-hsl: 263, 6%, 43%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#FFCDB2
On White
1.44:1Fail
On Black
14.63:1AAA
Aa
Aa
#FFB4A2
On White
1.71:1Fail
On Black
12.3:1AAA
Aa
Aa
#E5989B
On White
2.26:1Fail
On Black
9.3:1AAA
Aa
Aa
#B5838D
On White
3.18:1Fail
On Black
6.6:1AA
Aa
Aa
#6D6875
On White
5.4:1AA
On Black
3.89:1Fail
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
#FEEFE7
#FEEBE7
#F9ECEC
#D6C7CA
#A1A1A1
🌑
darker
· Reduced lightness, increased saturation
#FF8B4D
#FF643D
#D74247
#884956
#393441
🌫️
muted
· Desaturated for a calm, muted look
#F4D1BE
#F1BEB1
#D2ACAD
#9C9C9C
#6E6E6E
⚡
vibrant
· Boosted saturation for maximum impact
#FF7A33
#FF5C33
#F53D43
#D16177
#644695