Palette · 4 colors · Lc 9.2
Cruising Nexus palette
Cruising Nexus: a 4-color palette (Blue, Gray, Cold, UI System). HEX, RGB, HSL and OKLCH for #F0F4F5, #8DC0C9, #008899, #0C1D20, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F4F5
surface
#8DC0C9
accent
#008899
text
#0C1D20
Colors in Cruising Nexus: HEX, RGB, HSL & OKLCH
- #F0F4F5 color page →
bg
#F0F4F5
- RGB
- rgb(240 244 245)
- HSL
- hsl(192 20% 95%)
- OKLCH
- oklch(0.964 0.004 214.3)
WCAG contrast: on white 1.10:1 (Fail) · on black 18.96:1 (AAA)
- #8DC0C9 color page →
surface
#8DC0C9
- RGB
- rgb(141 192 201)
- HSL
- hsl(189 36% 67%)
- OKLCH
- oklch(0.775 0.055 209.6)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.51:1 (AAA)
- #008899 color page →
accent
#008899
- RGB
- rgb(0 136 153)
- HSL
- hsl(187 100% 30%)
- OKLCH
- oklch(0.574 0.099 210.1)
WCAG contrast: on white 4.21:1 (Fail) · on black 4.98:1 (AA)
- #0C1D20 color page →
text
#0C1D20
- RGB
- rgb(12 29 32)
- HSL
- hsl(189 45% 9%)
- OKLCH
- oklch(0.217 0.023 210.1)
WCAG contrast: on white 17.32:1 (AAA) · on black 1.21:1 (Fail)
Export Cruising Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f4f5;
--surface: #8dc0c9;
--accent: #008899;
--text: #0c1d20;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f4f5;
--color-surface: #8dc0c9;
--color-accent: #008899;
--color-text: #0c1d20;
}JSON (DTCG tokens)
{
"cruising-nexus-4rl": {
"bg": {
"$type": "color",
"$value": "#f0f4f5"
},
"surface": {
"$type": "color",
"$value": "#8dc0c9"
},
"accent": {
"$type": "color",
"$value": "#008899"
},
"text": {
"$type": "color",
"$value": "#0c1d20"
}
}
}About this palette
Cruising Nexus is a 4-color OKLCH-ready palette tagged blue, gray, cold, ui system, 4 colors. Hex values: #F0F4F5, #8DC0C9, #008899, #0C1D20. APCA contrast score Lc 9.2. 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 Cruising Nexus by OKLab color distance.