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
#A1B992
#CCDBA9
#F8F5EC
#D09A9B
#6A9A74
🌑
darker
· Reduced lightness, increased saturation
#395728
#708F28
#E0C37B
#782627
#132616
🌫️
muted
· Desaturated for a calm, muted look
#727570
#98A677
#E9E4D8
#976D6E
#4F4F4F
⚡
vibrant
· Boosted saturation for maximum impact
#60BA2C
#B3EA34
#F2BF40
#E22225
#2AA242