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
#999999
#CDCDCB
#E1E1E0
#F6F1EE
#FEF1E7
🌑
darker
· Reduced lightness, increased saturation
#373B2B
#777755
#8F8F66
#C58459
#FFAE70
🌫️
muted
· Desaturated for a calm, muted look
#666666
#999999
#ADADAD
#CAC0BA
#F9E9DC
⚡
vibrant
· Boosted saturation for maximum impact
#7A8F3D
#C4C46E
#C4C46E
#E38A4F
#FF8B33