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

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact