Dim Gray#6B705C
Dark Gray#A5A58D
Ash#B7B7A4
Tan#DDBEA9
Antique White#FFE8D6

Color Palette

#6B705C · #A5A58D · #B7B7A4 · #DDBEA9 · #FFE8D6

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #6B705C;
  --color-1-rgb: 107, 112, 92;
  --color-1-hsl: 75, 10%, 40%;
  --color-2: #A5A58D;
  --color-2-rgb: 165, 165, 141;
  --color-2-hsl: 60, 12%, 60%;
  --color-3: #B7B7A4;
  --color-3-rgb: 183, 183, 164;
  --color-3-hsl: 60, 12%, 68%;
  --color-4: #DDBEA9;
  --color-4-rgb: 221, 190, 169;
  --color-4-hsl: 24, 43%, 76%;
  --color-5: #FFE8D6;
  --color-5-rgb: 255, 232, 214;
  --color-5-hsl: 26, 100%, 92%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#6B705C
On White
5.13:1AA
On Black
4.1:1Fail
Aa
Aa
#A5A58D
On White
2.51:1Fail
On Black
8.37:1AAA
Aa
Aa
#B7B7A4
On White
2.03:1Fail
On Black
10.32:1AAA
Aa
Aa
#DDBEA9
On White
1.75:1Fail
On Black
12.01:1AAA
Aa
Aa
#FFE8D6
On White
1.18:1Fail
On Black
17.77: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