Antique White#FAEDCD
Dark Salmon#D4A373
Silver#CCD5AE
Pearl#E9EDC9
Cornsilk#FEFAE0

Color Palette

#FAEDCD · #D4A373 · #CCD5AE · #E9EDC9 · #FEFAE0

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #FAEDCD;
  --color-1-rgb: 250, 237, 205;
  --color-1-hsl: 43, 82%, 89%;
  --color-2: #D4A373;
  --color-2-rgb: 212, 163, 115;
  --color-2-hsl: 30, 53%, 64%;
  --color-3: #CCD5AE;
  --color-3-rgb: 204, 213, 174;
  --color-3-hsl: 74, 32%, 76%;
  --color-4: #E9EDC9;
  --color-4-rgb: 233, 237, 201;
  --color-4-hsl: 67, 50%, 86%;
  --color-5: #FEFAE0;
  --color-5-rgb: 254, 250, 224;
  --color-5-hsl: 52, 94%, 94%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#FAEDCD
On White
1.16:1Fail
On Black
18.06:1AAA
Aa
Aa
#D4A373
On White
2.26:1Fail
On Black
9.29:1AAA
Aa
Aa
#CCD5AE
On White
1.53:1Fail
On Black
13.7:1AAA
Aa
Aa
#E9EDC9
On White
1.21:1Fail
On Black
17.42:1AAA
Aa
Aa
#FEFAE0
On White
1.05:1Fail
On Black
19.96: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