Palette · 9 colors · Lc 9.1
Clear Pristine Oceanic Harbor palette
Clear Pristine Oceanic Harbor: a 9-color palette (Turquoise, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #D3F8EF, #67E1D5, #00C9BA, #00B0AE, #009791, #006B78, #004C52, #00252C, #001215, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D3F8EF
surface
#67E1D5
muted
#00C9BA
primary
#00B0AE
secondary
#009791
accent
#006B78
highlight
#004C52
border
#00252C
text
#001215
Colors in Clear Pristine Oceanic Harbor: HEX, RGB, HSL & OKLCH
- #D3F8EF color page →
bg
#D3F8EF
- RGB
- rgb(211 248 239)
- HSL
- hsl(165 73% 90%)
- OKLCH
- oklch(0.95 0.04 179.1)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.44:1 (AAA)
- #67E1D5 color page →
surface
#67E1D5
- RGB
- rgb(103 225 213)
- HSL
- hsl(174 67% 64%)
- OKLCH
- oklch(0.837 0.111 186.6)
WCAG contrast: on white 1.57:1 (Fail) · on black 13.30:1 (AAA)
- #00C9BA color page →
muted
#00C9BA
- RGB
- rgb(0 201 186)
- HSL
- hsl(176 100% 39%)
- OKLCH
- oklch(0.752 0.132 185.4)
WCAG contrast: on white 2.08:1 (Fail) · on black 10.06:1 (AAA)
- #00B0AE color page →
primary
#00B0AE
- RGB
- rgb(0 176 174)
- HSL
- hsl(179 100% 35%)
- OKLCH
- oklch(0.685 0.117 193.3)
WCAG contrast: on white 2.68:1 (Fail) · on black 7.82:1 (AAA)
- #009791 color page →
secondary
#009791
- RGB
- rgb(0 151 145)
- HSL
- hsl(178 100% 30%)
- OKLCH
- oklch(0.61 0.105 189.8)
WCAG contrast: on white 3.59:1 (Fail) · on black 5.83:1 (AA)
- #006B78 color page →
accent
#006B78
- RGB
- rgb(0 107 120)
- HSL
- hsl(187 100% 24%)
- OKLCH
- oklch(0.483 0.083 209.3)
WCAG contrast: on white 6.22:1 (AA) · on black 3.37:1 (Fail)
- #004C52 color page →
highlight
#004C52
- RGB
- rgb(0 76 82)
- HSL
- hsl(184 100% 16%)
- OKLCH
- oklch(0.38 0.065 203.9)
WCAG contrast: on white 9.74:1 (AAA) · on black 2.15:1 (Fail)
- #00252C color page →
border
#00252C
- RGB
- rgb(0 37 44)
- HSL
- hsl(190 100% 9%)
- OKLCH
- oklch(0.243 0.043 213.2)
WCAG contrast: on white 16.14:1 (AAA) · on black 1.30:1 (Fail)
- #001215 color page →
text
#001215
- RGB
- rgb(0 18 21)
- HSL
- hsl(189 100% 4%)
- OKLCH
- oklch(0.167 0.029 207.5)
WCAG contrast: on white 19.13:1 (AAA) · on black 1.09:1 (Fail)
Export Clear Pristine Oceanic Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d3f8ef;
--surface: #67e1d5;
--muted: #00c9ba;
--primary: #00b0ae;
--secondary: #009791;
--accent: #006b78;
--highlight: #004c52;
--border: #00252c;
--text: #001215;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d3f8ef;
--color-surface: #67e1d5;
--color-muted: #00c9ba;
--color-primary: #00b0ae;
--color-secondary: #009791;
--color-accent: #006b78;
--color-highlight: #004c52;
--color-border: #00252c;
--color-text: #001215;
}JSON (DTCG tokens)
{
"clear-pristine-oceanic-harbor-1l7": {
"bg": {
"$type": "color",
"$value": "#d3f8ef"
},
"surface": {
"$type": "color",
"$value": "#67e1d5"
},
"muted": {
"$type": "color",
"$value": "#00c9ba"
},
"primary": {
"$type": "color",
"$value": "#00b0ae"
},
"secondary": {
"$type": "color",
"$value": "#009791"
},
"accent": {
"$type": "color",
"$value": "#006b78"
},
"highlight": {
"$type": "color",
"$value": "#004c52"
},
"border": {
"$type": "color",
"$value": "#00252c"
},
"text": {
"$type": "color",
"$value": "#001215"
}
}
}About this palette
Clear Pristine Oceanic Harbor is a 9-color OKLCH-ready palette tagged turquoise, cold, 9 colors. Hex values: #D3F8EF, #67E1D5, #00C9BA, #00B0AE, #009791, #006B78, #004C52, #00252C, #001215. APCA contrast score Lc 9.1. 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 Clear Pristine Oceanic Harbor by OKLab color distance.