Sage#6A994E
Pistachio#A7C957
Antique White#F2E8CF
Indian Red#BC4749
Hunter Green#386641

Color Palette

#6A994E · #A7C957 · #F2E8CF · #BC4749 · #386641

complementary0 likes
Share

Export for Developers

:root {
  --color-1: #6A994E;
  --color-1-rgb: 106, 153, 78;
  --color-1-hsl: 98, 32%, 45%;
  --color-2: #A7C957;
  --color-2-rgb: 167, 201, 87;
  --color-2-hsl: 78, 51%, 56%;
  --color-3: #F2E8CF;
  --color-3-rgb: 242, 232, 207;
  --color-3-hsl: 43, 57%, 88%;
  --color-4: #BC4749;
  --color-4-rgb: 188, 71, 73;
  --color-4-hsl: 359, 47%, 51%;
  --color-5: #386641;
  --color-5-rgb: 56, 102, 65;
  --color-5-hsl: 132, 29%, 31%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#6A994E
On White
3.34:1Fail
On Black
6.28:1AA
Aa
Aa
#A7C957
On White
1.89:1Fail
On Black
11.14:1AAA
Aa
Aa
#F2E8CF
On White
1.22:1Fail
On Black
17.22:1AAA
Aa
Aa
#BC4749
On White
5.08:1AA
On Black
4.14:1Fail
Aa
Aa
#386641
On White
6.68:1AA
On Black
3.15: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