Palette · 3 colors · Lc 7.8
Cosmic Green Tide palette
Cosmic Green Tide: a 3-color palette (Turquoise, Cold, 3 Colors). HEX, RGB, HSL and OKLCH for #C7E2D7, #00A67A, #020D08, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#C7E2D7
accent
#00A67A
text
#020D08
Colors in Cosmic Green Tide: HEX, RGB, HSL & OKLCH
- #C7E2D7 color page →
bg
#C7E2D7
- RGB
- rgb(199 226 215)
- HSL
- hsl(156 32% 83%)
- OKLCH
- oklch(0.89 0.032 169.1)
WCAG contrast: on white 1.37:1 (Fail) · on black 15.28:1 (AAA)
- #00A67A color page →
accent
#00A67A
- RGB
- rgb(0 166 122)
- HSL
- hsl(164 100% 33%)
- OKLCH
- oklch(0.643 0.134 166)
WCAG contrast: on white 3.11:1 (Fail) · on black 6.73:1 (AA)
- #020D08 color page →
text
#020D08
- RGB
- rgb(2 13 8)
- HSL
- hsl(153 73% 3%)
- OKLCH
- oklch(0.144 0.023 167.1)
WCAG contrast: on white 19.74:1 (AAA) · on black 1.06:1 (Fail)
Export Cosmic Green Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #c7e2d7;
--accent: #00a67a;
--text: #020d08;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #c7e2d7;
--color-accent: #00a67a;
--color-text: #020d08;
}JSON (DTCG tokens)
{
"cosmic-green-tide-3ac": {
"bg": {
"$type": "color",
"$value": "#c7e2d7"
},
"accent": {
"$type": "color",
"$value": "#00a67a"
},
"text": {
"$type": "color",
"$value": "#020d08"
}
}
}About this palette
Cosmic Green Tide is a 3-color OKLCH-ready palette tagged turquoise, cold, 3 colors. Hex values: #C7E2D7, #00A67A, #020D08. APCA contrast score Lc 7.8. 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 Cosmic Green Tide by OKLab color distance.