Linen#F7EFE5
Pearl#E8D5C4
Sand#C9A882
Moss Green#8B7355
Jet#4A3728

Color Palette

#F7EFE5 · #E8D5C4 · #C9A882 · #8B7355 · #4A3728

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #F7EFE5;
  --color-1-rgb: 247, 239, 229;
  --color-1-hsl: 33, 53%, 93%;
  --color-2: #E8D5C4;
  --color-2-rgb: 232, 213, 196;
  --color-2-hsl: 28, 44%, 84%;
  --color-3: #C9A882;
  --color-3-rgb: 201, 168, 130;
  --color-3-hsl: 32, 40%, 65%;
  --color-4: #8B7355;
  --color-4-rgb: 139, 115, 85;
  --color-4-hsl: 33, 24%, 44%;
  --color-5: #4A3728;
  --color-5-rgb: 74, 55, 40;
  --color-5-hsl: 26, 30%, 22%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#F7EFE5
On White
1.14:1Fail
On Black
18.43:1AAA
Aa
Aa
#E8D5C4
On White
1.42:1Fail
On Black
14.75:1AAA
Aa
Aa
#C9A882
On White
2.23:1Fail
On Black
9.41:1AAA
Aa
Aa
#8B7355
On White
4.49:1Fail
On Black
4.68:1AA
Aa
Aa
#4A3728
On White
11.24:1AAA
On Black
1.87: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

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact