Palette · 5 colors · Lc 8.3
Classic High Blue Dune palette
Classic High Blue Dune: a 5-color palette (Violet, Cold, Dark Mode UI, UI System). HEX, RGB, HSL and OKLCH for #030E10, #001F21, #009EB4, #56A7DD, #E1E6E6, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Violet
- Cold
- Dark Mode UI
- UI System
- 5 Colors
bg
#030E10
surface
#001F21
primary
#009EB4
accent
#56A7DD
text
#E1E6E6
Colors in Classic High Blue Dune: HEX, RGB, HSL & OKLCH
- #030E10 color page →
bg
#030E10
- RGB
- rgb(3 14 16)
- HSL
- hsl(189 68% 4%)
- OKLCH
- oklch(0.153 0.019 208.3)
WCAG contrast: on white 19.54:1 (AAA) · on black 1.07:1 (Fail)
- #001F21 color page →
surface
#001F21
- RGB
- rgb(0 31 33)
- HSL
- hsl(184 100% 6%)
- OKLCH
- oklch(0.218 0.037 200.9)
WCAG contrast: on white 17.24:1 (AAA) · on black 1.21:1 (Fail)
- #009EB4 color page →
primary
#009EB4
- RGB
- rgb(0 158 180)
- HSL
- hsl(187 100% 35%)
- OKLCH
- oklch(0.642 0.112 212)
WCAG contrast: on white 3.20:1 (Fail) · on black 6.54:1 (AA)
- #56A7DD color page →
accent
#56A7DD
- RGB
- rgb(86 167 221)
- HSL
- hsl(204 67% 60%)
- OKLCH
- oklch(0.7 0.112 240.2)
WCAG contrast: on white 2.63:1 (Fail) · on black 7.96:1 (AAA)
- #E1E6E6 color page →
text
#E1E6E6
- RGB
- rgb(225 230 230)
- HSL
- hsl(180 9% 89%)
- OKLCH
- oklch(0.921 0.005 197.1)
WCAG contrast: on white 1.26:1 (Fail) · on black 16.66:1 (AAA)
Export Classic High Blue Dune: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #030e10;
--surface: #001f21;
--primary: #009eb4;
--accent: #56a7dd;
--text: #e1e6e6;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #030e10;
--color-surface: #001f21;
--color-primary: #009eb4;
--color-accent: #56a7dd;
--color-text: #e1e6e6;
}JSON (DTCG tokens)
{
"classic-high-blue-dune-dp": {
"bg": {
"$type": "color",
"$value": "#030e10"
},
"surface": {
"$type": "color",
"$value": "#001f21"
},
"primary": {
"$type": "color",
"$value": "#009eb4"
},
"accent": {
"$type": "color",
"$value": "#56a7dd"
},
"text": {
"$type": "color",
"$value": "#e1e6e6"
}
}
}About this palette
Classic High Blue Dune is a 5-color OKLCH-ready palette tagged violet, cold, dark mode ui, ui system, 5 colors. Hex values: #030E10, #001F21, #009EB4, #56A7DD, #E1E6E6. APCA contrast score Lc 8.3. 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 Classic High Blue Dune by OKLab color distance.