Palette · 10 colors · Lc 8.5
Steady Pristine Seas System palette
Steady Pristine Seas System: a 10-color palette (Blue, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #E1ECF0, #C1DEE8, #8CC0C7, #5EA5B7, #2A8BAC, #00769C, #006073, #004650, #002633, #010A12, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#E1ECF0
surface
#C1DEE8
muted
#8CC0C7
primary
#5EA5B7
secondary
#2A8BAC
accent
#00769C
highlight
#006073
border
#004650
focus
#002633
text
#010A12
Colors in Steady Pristine Seas System: HEX, RGB, HSL & OKLCH
- #E1ECF0 color page →
bg
#E1ECF0
- RGB
- rgb(225 236 240)
- HSL
- hsl(196 33% 91%)
- OKLCH
- oklch(0.936 0.013 221.4)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.45:1 (AAA)
- #C1DEE8 color page →
surface
#C1DEE8
- RGB
- rgb(193 222 232)
- HSL
- hsl(195 46% 83%)
- OKLCH
- oklch(0.882 0.034 220.6)
WCAG contrast: on white 1.41:1 (Fail) · on black 14.88:1 (AAA)
- #8CC0C7 color page →
muted
#8CC0C7
- RGB
- rgb(140 192 199)
- HSL
- hsl(187 35% 66%)
- OKLCH
- oklch(0.774 0.055 206.5)
WCAG contrast: on white 2.00:1 (Fail) · on black 10.47:1 (AAA)
- #5EA5B7 color page →
primary
#5EA5B7
- RGB
- rgb(94 165 183)
- HSL
- hsl(192 38% 54%)
- OKLCH
- oklch(0.682 0.076 216)
WCAG contrast: on white 2.78:1 (Fail) · on black 7.54:1 (AAA)
- #2A8BAC color page →
secondary
#2A8BAC
- RGB
- rgb(42 139 172)
- HSL
- hsl(195 61% 42%)
- OKLCH
- oklch(0.596 0.1 225.4)
WCAG contrast: on white 3.89:1 (Fail) · on black 5.38:1 (AA)
- #00769C color page →
accent
#00769C
- RGB
- rgb(0 118 156)
- HSL
- hsl(195 100% 31%)
- OKLCH
- oklch(0.529 0.105 229.5)
WCAG contrast: on white 5.15:1 (AA) · on black 4.07:1 (Fail)
- #006073 color page →
highlight
#006073
- RGB
- rgb(0 96 115)
- HSL
- hsl(190 100% 23%)
- OKLCH
- oklch(0.451 0.081 217.5)
WCAG contrast: on white 7.19:1 (AAA) · on black 2.92:1 (Fail)
- #004650 color page →
border
#004650
- RGB
- rgb(0 70 80)
- HSL
- hsl(188 100% 16%)
- OKLCH
- oklch(0.361 0.063 210.8)
WCAG contrast: on white 10.54:1 (AAA) · on black 1.99:1 (Fail)
- #002633 color page →
focus
#002633
- RGB
- rgb(0 38 51)
- HSL
- hsl(195 100% 10%)
- OKLCH
- oklch(0.25 0.048 225.9)
WCAG contrast: on white 15.84:1 (AAA) · on black 1.32:1 (Fail)
- #010A12 color page →
text
#010A12
- RGB
- rgb(1 10 18)
- HSL
- hsl(208 89% 4%)
- OKLCH
- oklch(0.138 0.026 237.2)
WCAG contrast: on white 19.93:1 (AAA) · on black 1.05:1 (Fail)
Export Steady Pristine Seas System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e1ecf0;
--surface: #c1dee8;
--muted: #8cc0c7;
--primary: #5ea5b7;
--secondary: #2a8bac;
--accent: #00769c;
--highlight: #006073;
--border: #004650;
--focus: #002633;
--text: #010a12;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e1ecf0;
--color-surface: #c1dee8;
--color-muted: #8cc0c7;
--color-primary: #5ea5b7;
--color-secondary: #2a8bac;
--color-accent: #00769c;
--color-highlight: #006073;
--color-border: #004650;
--color-focus: #002633;
--color-text: #010a12;
}JSON (DTCG tokens)
{
"steady-pristine-seas-system-2ew": {
"bg": {
"$type": "color",
"$value": "#e1ecf0"
},
"surface": {
"$type": "color",
"$value": "#c1dee8"
},
"muted": {
"$type": "color",
"$value": "#8cc0c7"
},
"primary": {
"$type": "color",
"$value": "#5ea5b7"
},
"secondary": {
"$type": "color",
"$value": "#2a8bac"
},
"accent": {
"$type": "color",
"$value": "#00769c"
},
"highlight": {
"$type": "color",
"$value": "#006073"
},
"border": {
"$type": "color",
"$value": "#004650"
},
"focus": {
"$type": "color",
"$value": "#002633"
},
"text": {
"$type": "color",
"$value": "#010a12"
}
}
}About this palette
Steady Pristine Seas System is a 10-color OKLCH-ready palette tagged blue, cold, ocean, nature, 10 colors. Hex values: #E1ECF0, #C1DEE8, #8CC0C7, #5EA5B7, #2A8BAC, #00769C, #006073, #004650, #002633, #010A12. 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 Steady Pristine Seas System by OKLab color distance.