Palette · 7 colors · Lc 9.6
Classic Turquoise Beacon palette
Classic Turquoise Beacon: a 7-color palette (Turquoise, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #E2FFF0, #91D8C9, #35B99E, #00876E, #006552, #00392E, #00110D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E2FFF0
surface
#91D8C9
muted
#35B99E
primary
#00876E
secondary
#006552
accent
#00392E
text
#00110D
Colors in Classic Turquoise Beacon: HEX, RGB, HSL & OKLCH
- #E2FFF0 color page →
bg
#E2FFF0
- RGB
- rgb(226 255 240)
- HSL
- hsl(149 100% 94%)
- OKLCH
- oklch(0.975 0.036 163.3)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.79:1 (AAA)
- #91D8C9 color page →
surface
#91D8C9
- RGB
- rgb(145 216 201)
- HSL
- hsl(167 48% 71%)
- OKLCH
- oklch(0.831 0.074 179.6)
WCAG contrast: on white 1.63:1 (Fail) · on black 12.86:1 (AAA)
- #35B99E color page →
muted
#35B99E
- RGB
- rgb(53 185 158)
- HSL
- hsl(168 55% 47%)
- OKLCH
- oklch(0.709 0.119 175.8)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.58:1 (AAA)
- #00876E color page →
primary
#00876E
- RGB
- rgb(0 135 110)
- HSL
- hsl(169 100% 26%)
- OKLCH
- oklch(0.556 0.106 173.6)
WCAG contrast: on white 4.47:1 (Fail) · on black 4.69:1 (AA)
- #006552 color page →
secondary
#006552
- RGB
- rgb(0 101 82)
- HSL
- hsl(169 100% 20%)
- OKLCH
- oklch(0.452 0.086 173.9)
WCAG contrast: on white 7.03:1 (AAA) · on black 2.98:1 (Fail)
- #00392E color page →
accent
#00392E
- RGB
- rgb(0 57 46)
- HSL
- hsl(168 100% 11%)
- OKLCH
- oklch(0.308 0.058 175)
WCAG contrast: on white 12.92:1 (AAA) · on black 1.62:1 (Fail)
- #00110D color page →
text
#00110D
- RGB
- rgb(0 17 13)
- HSL
- hsl(166 100% 3%)
- OKLCH
- oklch(0.159 0.029 178)
WCAG contrast: on white 19.33:1 (AAA) · on black 1.08:1 (Fail)
Export Classic Turquoise Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e2fff0;
--surface: #91d8c9;
--muted: #35b99e;
--primary: #00876e;
--secondary: #006552;
--accent: #00392e;
--text: #00110d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e2fff0;
--color-surface: #91d8c9;
--color-muted: #35b99e;
--color-primary: #00876e;
--color-secondary: #006552;
--color-accent: #00392e;
--color-text: #00110d;
}JSON (DTCG tokens)
{
"classic-turquoise-beacon-33v": {
"bg": {
"$type": "color",
"$value": "#e2fff0"
},
"surface": {
"$type": "color",
"$value": "#91d8c9"
},
"muted": {
"$type": "color",
"$value": "#35b99e"
},
"primary": {
"$type": "color",
"$value": "#00876e"
},
"secondary": {
"$type": "color",
"$value": "#006552"
},
"accent": {
"$type": "color",
"$value": "#00392e"
},
"text": {
"$type": "color",
"$value": "#00110d"
}
}
}About this palette
Classic Turquoise Beacon is a 7-color OKLCH-ready palette tagged turquoise, cold, 7 colors. Hex values: #E2FFF0, #91D8C9, #35B99E, #00876E, #006552, #00392E, #00110D. APCA contrast score Lc 9.6. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Classic Turquoise Beacon by OKLab color distance.