Palette · 8 colors · Lc 8.6
Pristine Oceanic Tide palette
Pristine Oceanic Tide: a 8-color palette (Turquoise, Cold, 8 Colors). HEX, RGB, HSL and OKLCH for #D9EBEF, #85D5CD, #00C9B4, #00A8B4, #0081A9, #005589, #003F5C, #00242B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D9EBEF
surface
#85D5CD
muted
#00C9B4
primary
#00A8B4
secondary
#0081A9
accent
#005589
highlight
#003F5C
text
#00242B
Colors in Pristine Oceanic Tide: HEX, RGB, HSL & OKLCH
- #D9EBEF color page →
bg
#D9EBEF
- RGB
- rgb(217 235 239)
- HSL
- hsl(191 41% 89%)
- OKLCH
- oklch(0.928 0.02 212.5)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.08:1 (AAA)
- #85D5CD color page →
surface
#85D5CD
- RGB
- rgb(133 213 205)
- HSL
- hsl(174 49% 68%)
- OKLCH
- oklch(0.819 0.08 187.7)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.39:1 (AAA)
- #00C9B4 color page →
muted
#00C9B4
- RGB
- rgb(0 201 180)
- HSL
- hsl(174 100% 39%)
- OKLCH
- oklch(0.75 0.134 181.8)
WCAG contrast: on white 2.09:1 (Fail) · on black 10.01:1 (AAA)
- #00A8B4 color page →
primary
#00A8B4
- RGB
- rgb(0 168 180)
- HSL
- hsl(184 100% 35%)
- OKLCH
- oklch(0.667 0.114 203.8)
WCAG contrast: on white 2.89:1 (Fail) · on black 7.26:1 (AAA)
- #0081A9 color page →
secondary
#0081A9
- RGB
- rgb(0 129 169)
- HSL
- hsl(194 100% 33%)
- OKLCH
- oklch(0.564 0.111 228.8)
WCAG contrast: on white 4.45:1 (Fail) · on black 4.71:1 (AA)
- #005589 color page →
accent
#005589
- RGB
- rgb(0 85 137)
- HSL
- hsl(203 100% 27%)
- OKLCH
- oklch(0.435 0.11 245.3)
WCAG contrast: on white 7.89:1 (AAA) · on black 2.66:1 (Fail)
- #003F5C color page →
highlight
#003F5C
- RGB
- rgb(0 63 92)
- HSL
- hsl(199 100% 18%)
- OKLCH
- oklch(0.348 0.076 236.7)
WCAG contrast: on white 11.25:1 (AAA) · on black 1.86:1 (Fail)
- #00242B color page →
text
#00242B
- RGB
- rgb(0 36 43)
- HSL
- hsl(190 100% 8%)
- OKLCH
- oklch(0.239 0.042 213.5)
WCAG contrast: on white 16.31:1 (AAA) · on black 1.28:1 (Fail)
Export Pristine Oceanic Tide: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d9ebef;
--surface: #85d5cd;
--muted: #00c9b4;
--primary: #00a8b4;
--secondary: #0081a9;
--accent: #005589;
--highlight: #003f5c;
--text: #00242b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d9ebef;
--color-surface: #85d5cd;
--color-muted: #00c9b4;
--color-primary: #00a8b4;
--color-secondary: #0081a9;
--color-accent: #005589;
--color-highlight: #003f5c;
--color-text: #00242b;
}JSON (DTCG tokens)
{
"pristine-oceanic-tide-3qw": {
"bg": {
"$type": "color",
"$value": "#d9ebef"
},
"surface": {
"$type": "color",
"$value": "#85d5cd"
},
"muted": {
"$type": "color",
"$value": "#00c9b4"
},
"primary": {
"$type": "color",
"$value": "#00a8b4"
},
"secondary": {
"$type": "color",
"$value": "#0081a9"
},
"accent": {
"$type": "color",
"$value": "#005589"
},
"highlight": {
"$type": "color",
"$value": "#003f5c"
},
"text": {
"$type": "color",
"$value": "#00242b"
}
}
}About this palette
Pristine Oceanic Tide is a 8-color OKLCH-ready palette tagged turquoise, cold, 8 colors. Hex values: #D9EBEF, #85D5CD, #00C9B4, #00A8B4, #0081A9, #005589, #003F5C, #00242B. APCA contrast score Lc 8.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 Pristine Oceanic Tide by OKLab color distance.