Jet#1C3D2E
Hunter Green#2A5C45
Sea Green#4A8C6F
Dark Sea Green#8BBF9F
Light Gray#C5DFD0
Color Palette
#1C3D2E · #2A5C45 · #4A8C6F · #8BBF9F · #C5DFD0
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #1C3D2E;
--color-1-rgb: 28, 61, 46;
--color-1-hsl: 153, 37%, 17%;
--color-2: #2A5C45;
--color-2-rgb: 42, 92, 69;
--color-2-hsl: 152, 37%, 26%;
--color-3: #4A8C6F;
--color-3-rgb: 74, 140, 111;
--color-3-hsl: 154, 31%, 42%;
--color-4: #8BBF9F;
--color-4-rgb: 139, 191, 159;
--color-4-hsl: 143, 29%, 65%;
--color-5: #C5DFD0;
--color-5-rgb: 197, 223, 208;
--color-5-hsl: 145, 29%, 82%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#1C3D2E
On White
11.96:1AAA
On Black
1.76:1Fail
Aa
Aa
#2A5C45
On White
7.73:1AAA
On Black
2.72:1Fail
Aa
Aa
#4A8C6F
On White
3.98:1Fail
On Black
5.27:1AA
Aa
Aa
#8BBF9F
On White
2.09:1Fail
On Black
10.05:1AAA
Aa
Aa
#C5DFD0
On White
1.42:1Fail
On Black
14.84: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
#457861
#569577
#8AB2A1
#D1E0D7
#F0F5F2
🌑
darker
· Reduced lightness, increased saturation
#07120D
#091610
#244C3B
#4C9A6A
#7DBF99
🌫️
muted
· Desaturated for a calm, muted look
#282E2C
#3E4743
#6A6C6B
#A6A6A6
#D1D1D1
⚡
vibrant
· Boosted saturation for maximum impact
#22AA6D
#22AA6B
#2AAC74
#5DD58B
#5DD58F