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