Palette · 7 colors · Lc 10
Cerulean Nexus palette
Cerulean Nexus: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #000B17, #002B56, #005098, #007BC8, #34A6F3, #84D5FF, #DDFEFF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#000B17
surface
#002B56
muted
#005098
primary
#007BC8
secondary
#34A6F3
accent
#84D5FF
text
#DDFEFF
Colors in Cerulean Nexus: HEX, RGB, HSL & OKLCH
- #000B17 color page →
bg
#000B17
- RGB
- rgb(0 11 23)
- HSL
- hsl(211 100% 5%)
- OKLCH
- oklch(0.144 0.035 243)
WCAG contrast: on white 19.80:1 (AAA) · on black 1.06:1 (Fail)
- #002B56 color page →
surface
#002B56
- RGB
- rgb(0 43 86)
- HSL
- hsl(210 100% 17%)
- OKLCH
- oklch(0.29 0.09 253.2)
WCAG contrast: on white 14.18:1 (AAA) · on black 1.47:1 (Fail)
- #005098 color page →
muted
#005098
- RGB
- rgb(0 80 152)
- HSL
- hsl(208 100% 30%)
- OKLCH
- oklch(0.433 0.135 253.4)
WCAG contrast: on white 8.07:1 (AAA) · on black 2.60:1 (Fail)
- #007BC8 color page →
primary
#007BC8
- RGB
- rgb(0 123 200)
- HSL
- hsl(203 100% 39%)
- OKLCH
- oklch(0.567 0.149 246.9)
WCAG contrast: on white 4.49:1 (Fail) · on black 4.66:1 (AA)
- #34A6F3 color page →
secondary
#34A6F3
- RGB
- rgb(52 166 243)
- HSL
- hsl(204 89% 58%)
- OKLCH
- oklch(0.698 0.15 243.4)
WCAG contrast: on white 2.66:1 (Fail) · on black 7.89:1 (AAA)
- #84D5FF color page →
accent
#84D5FF
- RGB
- rgb(132 213 255)
- HSL
- hsl(200 100% 76%)
- OKLCH
- oklch(0.836 0.099 232.3)
WCAG contrast: on white 1.62:1 (Fail) · on black 12.94:1 (AAA)
- #DDFEFF color page →
text
#DDFEFF
- RGB
- rgb(221 254 255)
- HSL
- hsl(182 100% 93%)
- OKLCH
- oklch(0.974 0.034 198.8)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.69:1 (AAA)
Export Cerulean Nexus: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #000b17;
--surface: #002b56;
--muted: #005098;
--primary: #007bc8;
--secondary: #34a6f3;
--accent: #84d5ff;
--text: #ddfeff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #000b17;
--color-surface: #002b56;
--color-muted: #005098;
--color-primary: #007bc8;
--color-secondary: #34a6f3;
--color-accent: #84d5ff;
--color-text: #ddfeff;
}JSON (DTCG tokens)
{
"cerulean-nexus-13y": {
"bg": {
"$type": "color",
"$value": "#000b17"
},
"surface": {
"$type": "color",
"$value": "#002b56"
},
"muted": {
"$type": "color",
"$value": "#005098"
},
"primary": {
"$type": "color",
"$value": "#007bc8"
},
"secondary": {
"$type": "color",
"$value": "#34a6f3"
},
"accent": {
"$type": "color",
"$value": "#84d5ff"
},
"text": {
"$type": "color",
"$value": "#ddfeff"
}
}
}About this palette
Cerulean Nexus is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #000B17, #002B56, #005098, #007BC8, #34A6F3, #84D5FF, #DDFEFF. 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 Cerulean Nexus by OKLab color distance.