Palette · 8 colors · Lc 10
Classic Pristine Seas Beacon palette
Classic Pristine Seas Beacon: a 8-color palette (Trending, Violet, Cold, Ocean). HEX, RGB, HSL and OKLCH for #E7FDFF, #ADCCD7, #66B2CB, #3F8FB0, #00759C, #005360, #003142, #03111C, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E7FDFF
surface
#ADCCD7
muted
#66B2CB
primary
#3F8FB0
secondary
#00759C
accent
#005360
highlight
#003142
text
#03111C
Colors in Classic Pristine Seas Beacon: HEX, RGB, HSL & OKLCH
- #E7FDFF color page →
bg
#E7FDFF
- RGB
- rgb(231 253 255)
- HSL
- hsl(185 100% 95%)
- OKLCH
- oklch(0.979 0.023 203.4)
WCAG contrast: on white 1.05:1 (Fail) · on black 19.89:1 (AAA)
- #ADCCD7 color page →
surface
#ADCCD7
- RGB
- rgb(173 204 215)
- HSL
- hsl(196 34% 76%)
- OKLCH
- oklch(0.826 0.037 221.3)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.39:1 (AAA)
- #66B2CB color page →
muted
#66B2CB
- RGB
- rgb(102 178 203)
- HSL
- hsl(195 49% 60%)
- OKLCH
- oklch(0.724 0.084 221.4)
WCAG contrast: on white 2.38:1 (Fail) · on black 8.79:1 (AAA)
- #3F8FB0 color page →
primary
#3F8FB0
- RGB
- rgb(63 143 176)
- HSL
- hsl(198 47% 47%)
- OKLCH
- oklch(0.614 0.092 228.2)
WCAG contrast: on white 3.64:1 (Fail) · on black 5.76:1 (AA)
- #00759C color page →
secondary
#00759C
- RGB
- rgb(0 117 156)
- HSL
- hsl(195 100% 31%)
- OKLCH
- oklch(0.527 0.105 230.4)
WCAG contrast: on white 5.21:1 (AA) · on black 4.02:1 (Fail)
- #005360 color page →
accent
#005360
- RGB
- rgb(0 83 96)
- HSL
- hsl(188 100% 19%)
- OKLCH
- oklch(0.406 0.071 212.8)
WCAG contrast: on white 8.72:1 (AAA) · on black 2.40:1 (Fail)
- #003142 color page →
highlight
#003142
- RGB
- rgb(0 49 66)
- HSL
- hsl(195 100% 13%)
- OKLCH
- oklch(0.292 0.057 227.8)
WCAG contrast: on white 13.83:1 (AAA) · on black 1.51:1 (Fail)
- #03111C color page →
text
#03111C
- RGB
- rgb(3 17 28)
- HSL
- hsl(206 81% 6%)
- OKLCH
- oklch(0.17 0.032 241.4)
WCAG contrast: on white 19.07:1 (AAA) · on black 1.10:1 (Fail)
Export Classic Pristine Seas Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e7fdff;
--surface: #adccd7;
--muted: #66b2cb;
--primary: #3f8fb0;
--secondary: #00759c;
--accent: #005360;
--highlight: #003142;
--text: #03111c;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e7fdff;
--color-surface: #adccd7;
--color-muted: #66b2cb;
--color-primary: #3f8fb0;
--color-secondary: #00759c;
--color-accent: #005360;
--color-highlight: #003142;
--color-text: #03111c;
}JSON (DTCG tokens)
{
"classic-pristine-seas-beacon-404": {
"bg": {
"$type": "color",
"$value": "#e7fdff"
},
"surface": {
"$type": "color",
"$value": "#adccd7"
},
"muted": {
"$type": "color",
"$value": "#66b2cb"
},
"primary": {
"$type": "color",
"$value": "#3f8fb0"
},
"secondary": {
"$type": "color",
"$value": "#00759c"
},
"accent": {
"$type": "color",
"$value": "#005360"
},
"highlight": {
"$type": "color",
"$value": "#003142"
},
"text": {
"$type": "color",
"$value": "#03111c"
}
}
}About this palette
Classic Pristine Seas Beacon is a 8-color OKLCH-ready palette tagged trending, violet, cold, ocean, nature, 8 colors. Hex values: #E7FDFF, #ADCCD7, #66B2CB, #3F8FB0, #00759C, #005360, #003142, #03111C. 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 Classic Pristine Seas Beacon by OKLab color distance.