Palette · 3 colors · Lc 9.4
Atomic Bluerocratic Cascade palette
Atomic Bluerocratic Cascade: a 3-color palette (Violet, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #04070C, #0F5FFF, #EEEFF0, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Dark Mode UI
- UI System
- 3 Colors
bg
#04070C
accent
#0F5FFF
text
#EEEFF0
Colors in Atomic Bluerocratic Cascade: HEX, RGB, HSL & OKLCH
- #04070C color page →
bg
#04070C
- RGB
- rgb(4 7 12)
- HSL
- hsl(218 50% 3%)
- OKLCH
- oklch(0.127 0.014 254)
WCAG contrast: on white 20.17:1 (AAA) · on black 1.04:1 (Fail)
- #0F5FFF color page →
accent
#0F5FFF
- RGB
- rgb(15 95 255)
- HSL
- hsl(220 100% 53%)
- OKLCH
- oklch(0.552 0.248 262.4)
WCAG contrast: on white 5.12:1 (AA) · on black 4.10:1 (Fail)
- #EEEFF0 color page →
text
#EEEFF0
- RGB
- rgb(238 239 240)
- HSL
- hsl(210 6% 94%)
- OKLCH
- oklch(0.952 0.002 247.8)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.24:1 (AAA)
Export Atomic Bluerocratic Cascade: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #04070c;
--accent: #0f5fff;
--text: #eeeff0;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #04070c;
--color-accent: #0f5fff;
--color-text: #eeeff0;
}JSON (DTCG tokens)
{
"atomic-bluerocratic-cascade-8k": {
"bg": {
"$type": "color",
"$value": "#04070c"
},
"accent": {
"$type": "color",
"$value": "#0f5fff"
},
"text": {
"$type": "color",
"$value": "#eeeff0"
}
}
}About this palette
Atomic Bluerocratic Cascade is a 3-color OKLCH-ready palette tagged violet, cold, dark mode ui, ui system, 3 colors. Hex values: #04070C, #0F5FFF, #EEEFF0. APCA contrast score Lc 9.4. 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 Atomic Bluerocratic Cascade by OKLab color distance.