Palette · 4 colors · Lc 10
Pure Dolphin Noir palette
Pure Dolphin Noir: a 4-color palette (Blue, Gray, Cold, Ocean). HEX, RGB, HSL and OKLCH for #EBFCFF, #82C1D8, #004D5D, #020F1C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EBFCFF
surface
#82C1D8
accent
#004D5D
text
#020F1C
Colors in Pure Dolphin Noir: HEX, RGB, HSL & OKLCH
- #EBFCFF color page →
bg
#EBFCFF
- RGB
- rgb(235 252 255)
- HSL
- hsl(189 100% 96%)
- OKLCH
- oklch(0.979 0.018 209.4)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.90:1 (AAA)
- #82C1D8 color page →
surface
#82C1D8
- RGB
- rgb(130 193 216)
- HSL
- hsl(196 52% 68%)
- OKLCH
- oklch(0.776 0.072 222.9)
WCAG contrast: on white 1.98:1 (Fail) · on black 10.56:1 (AAA)
- #004D5D color page →
accent
#004D5D
- RGB
- rgb(0 77 93)
- HSL
- hsl(190 100% 18%)
- OKLCH
- oklch(0.388 0.07 217.8)
WCAG contrast: on white 9.46:1 (AAA) · on black 2.21:1 (Fail)
- #020F1C color page →
text
#020F1C
- RGB
- rgb(2 15 28)
- HSL
- hsl(210 87% 6%)
- OKLCH
- oklch(0.163 0.035 246)
WCAG contrast: on white 19.30:1 (AAA) · on black 1.08:1 (Fail)
Export Pure Dolphin Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ebfcff;
--surface: #82c1d8;
--accent: #004d5d;
--text: #020f1c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ebfcff;
--color-surface: #82c1d8;
--color-accent: #004d5d;
--color-text: #020f1c;
}JSON (DTCG tokens)
{
"pure-dolphin-noir-445": {
"bg": {
"$type": "color",
"$value": "#ebfcff"
},
"surface": {
"$type": "color",
"$value": "#82c1d8"
},
"accent": {
"$type": "color",
"$value": "#004d5d"
},
"text": {
"$type": "color",
"$value": "#020f1c"
}
}
}About this palette
Pure Dolphin Noir is a 4-color OKLCH-ready palette tagged blue, gray, cold, ocean, nature, 4 colors. Hex values: #EBFCFF, #82C1D8, #004D5D, #020F1C. APCA contrast score Lc 10. 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 Dolphin Noir by OKLab color distance.