Palette · 5 colors · Lc 8.5
Pure Celestial Harbor palette
Pure Celestial Harbor: a 5-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E8EEEF, #77B9B7, #007A97, #004D46, #00141B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E8EEEF
surface
#77B9B7
primary
#007A97
accent
#004D46
text
#00141B
Colors in Pure Celestial Harbor: HEX, RGB, HSL & OKLCH
- #E8EEEF color page →
bg
#E8EEEF
- RGB
- rgb(232 238 239)
- HSL
- hsl(189 18% 92%)
- OKLCH
- oklch(0.945 0.007 208.8)
WCAG contrast: on white 1.17:1 (Fail) · on black 17.90:1 (AAA)
- #77B9B7 color page →
surface
#77B9B7
- RGB
- rgb(119 185 183)
- HSL
- hsl(178 32% 60%)
- OKLCH
- oklch(0.741 0.067 193.4)
WCAG contrast: on white 2.23:1 (Fail) · on black 9.40:1 (AAA)
- #007A97 color page →
primary
#007A97
- RGB
- rgb(0 122 151)
- HSL
- hsl(192 100% 30%)
- OKLCH
- oklch(0.537 0.099 222.1)
WCAG contrast: on white 4.96:1 (AA) · on black 4.23:1 (Fail)
- #004D46 color page →
accent
#004D46
- RGB
- rgb(0 77 70)
- HSL
- hsl(175 100% 15%)
- OKLCH
- oklch(0.378 0.067 184.5)
WCAG contrast: on white 9.76:1 (AAA) · on black 2.14:1 (Fail)
- #00141B color page →
text
#00141B
- RGB
- rgb(0 20 27)
- HSL
- hsl(196 100% 5%)
- OKLCH
- oklch(0.177 0.033 221.3)
WCAG contrast: on white 18.81:1 (AAA) · on black 1.11:1 (Fail)
Export Pure Celestial Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e8eeef;
--surface: #77b9b7;
--primary: #007a97;
--accent: #004d46;
--text: #00141b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e8eeef;
--color-surface: #77b9b7;
--color-primary: #007a97;
--color-accent: #004d46;
--color-text: #00141b;
}JSON (DTCG tokens)
{
"pure-celestial-harbor-1qe": {
"bg": {
"$type": "color",
"$value": "#e8eeef"
},
"surface": {
"$type": "color",
"$value": "#77b9b7"
},
"primary": {
"$type": "color",
"$value": "#007a97"
},
"accent": {
"$type": "color",
"$value": "#004d46"
},
"text": {
"$type": "color",
"$value": "#00141b"
}
}
}About this palette
Pure Celestial Harbor is a 5-color OKLCH-ready palette tagged blue, cold, ocean, nature, 5 colors. Hex values: #E8EEEF, #77B9B7, #007A97, #004D46, #00141B. APCA contrast score Lc 8.5. 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 Pure Celestial Harbor by OKLab color distance.