Dark Turquoise#00CED1
Light Sea Green#20B2AA
Medium Sea Green#3CB371
Light Green#90EE90
Gold#FFD700
Color Palette
#00CED1 · #20B2AA · #3CB371 · #90EE90 · #FFD700
analogous0 likes
Share
Export for Developers
:root {
--color-1: #00CED1;
--color-1-rgb: 0, 206, 209;
--color-1-hsl: 181, 100%, 41%;
--color-2: #20B2AA;
--color-2-rgb: 32, 178, 170;
--color-2-hsl: 177, 70%, 41%;
--color-3: #3CB371;
--color-3-rgb: 60, 179, 113;
--color-3-hsl: 147, 50%, 47%;
--color-4: #90EE90;
--color-4-rgb: 144, 238, 144;
--color-4-hsl: 120, 73%, 75%;
--color-5: #FFD700;
--color-5-rgb: 255, 215, 0;
--color-5-hsl: 51, 100%, 50%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#00CED1
On White
1.95:1Fail
On Black
10.75:1AAA
Aa
Aa
#20B2AA
On White
2.62:1Fail
On Black
8.01:1AAA
Aa
Aa
#3CB371
On White
2.67:1Fail
On Black
7.88:1AAA
Aa
Aa
#90EE90
On White
1.42:1Fail
On Black
14.82:1AAA
Aa
Aa
#FFD700
On White
1.4:1Fail
On Black
14.97: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
#42F2F5
#60D7D1
#89CDA7
#EAFAEA
#F7E36E
🌑
darker
· Reduced lightness, increased saturation
#00696B
#0D5E5A
#1F6B41
#33E633
#998200
🌫️
muted
· Desaturated for a calm, muted look
#1FAFB2
#3F928E
#609075
#A4DBA4
#D9BE26
⚡
vibrant
· Boosted saturation for maximum impact
#00CED1
#00D1C7
#18D86E
#33FF33
#FFD900