Hunter Green#3A5A40
Dim Gray#588157
Dark Sea Green#A3B18A
Light Gray#DAD7CD
Dark Slate Gray#344E41
Color Palette
#3A5A40 · #588157 · #A3B18A · #DAD7CD · #344E41
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #3A5A40;
--color-1-rgb: 58, 90, 64;
--color-1-hsl: 131, 22%, 29%;
--color-2: #588157;
--color-2-rgb: 88, 129, 87;
--color-2-hsl: 119, 19%, 42%;
--color-3: #A3B18A;
--color-3-rgb: 163, 177, 138;
--color-3-hsl: 82, 20%, 62%;
--color-4: #DAD7CD;
--color-4-rgb: 218, 215, 205;
--color-4-hsl: 46, 15%, 83%;
--color-5: #344E41;
--color-5-rgb: 52, 78, 65;
--color-5-hsl: 150, 20%, 25%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#3A5A40
On White
7.73:1AAA
On Black
2.72:1Fail
Aa
Aa
#588157
On White
4.48:1Fail
On Black
4.69:1AA
Aa
Aa
#A3B18A
On White
2.28:1Fail
On Black
9.21:1AAA
Aa
Aa
#DAD7CD
On White
1.44:1Fail
On Black
14.58:1AAA
Aa
Aa
#344E41
On White
9.08:1AAA
On Black
2.31: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
#6E8C73
#96A795
#D2D6CD
#F3F3F2
#677E73
🌑
darker
· Reduced lightness, increased saturation
#111D13
#2B462B
#728650
#B4AB8E
#0A100D
🌫️
muted
· Desaturated for a calm, muted look
#4A4A4A
#6B6B6B
#9E9E9E
#D4D4D4
#404040
⚡
vibrant
· Boosted saturation for maximum impact
#319B44
#38A037
#A7CC66
#C7B16B
#339966