Palette · 4 colors · Lc 8.9
Steady Neptune Beacon palette
Steady Neptune Beacon: a 4-color palette (Violet, Gray, Cold, Dark Mode UI). HEX, RGB, HSL and OKLCH for #04070A, #2A3F4A, #2480AD, #DBE6ED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#04070A
surface
#2A3F4A
accent
#2480AD
text
#DBE6ED
Colors in Steady Neptune Beacon: HEX, RGB, HSL & OKLCH
- #04070A color page →
bg
#04070A
- RGB
- rgb(4 7 10)
- HSL
- hsl(210 43% 3%)
- OKLCH
- oklch(0.126 0.01 241.8)
WCAG contrast: on white 20.19:1 (AAA) · on black 1.03:1 (Fail)
- #2A3F4A color page →
surface
#2A3F4A
- RGB
- rgb(42 63 74)
- HSL
- hsl(201 28% 23%)
- OKLCH
- oklch(0.355 0.033 231.7)
WCAG contrast: on white 11.00:1 (AAA) · on black 1.90:1 (Fail)
- #2480AD color page →
accent
#2480AD
- RGB
- rgb(36 128 173)
- HSL
- hsl(200 66% 41%)
- OKLCH
- oklch(0.568 0.108 235.1)
WCAG contrast: on white 4.40:1 (Fail) · on black 4.76:1 (AA)
- #DBE6ED color page →
text
#DBE6ED
- RGB
- rgb(219 230 237)
- HSL
- hsl(203 33% 89%)
- OKLCH
- oklch(0.919 0.015 235.4)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.55:1 (AAA)
Export Steady Neptune Beacon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #04070a;
--surface: #2a3f4a;
--accent: #2480ad;
--text: #dbe6ed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #04070a;
--color-surface: #2a3f4a;
--color-accent: #2480ad;
--color-text: #dbe6ed;
}JSON (DTCG tokens)
{
"steady-neptune-beacon-2io": {
"bg": {
"$type": "color",
"$value": "#04070a"
},
"surface": {
"$type": "color",
"$value": "#2a3f4a"
},
"accent": {
"$type": "color",
"$value": "#2480ad"
},
"text": {
"$type": "color",
"$value": "#dbe6ed"
}
}
}About this palette
Steady Neptune Beacon is a 4-color OKLCH-ready palette tagged violet, gray, cold, dark mode ui, ui system, 4 colors. Hex values: #04070A, #2A3F4A, #2480AD, #DBE6ED. APCA contrast score Lc 8.9. 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 Neptune Beacon by OKLab color distance.