Palette · 7 colors · Lc 9.7
Classic Epic Blue Horizon palette
Classic Epic Blue Horizon: a 7-color palette (Violet, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #01041A, #051B5F, #1B3AA2, #0068E0, #5C9FFF, #87C6FF, #E6F9FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#01041A
surface
#051B5F
muted
#1B3AA2
primary
#0068E0
secondary
#5C9FFF
accent
#87C6FF
text
#E6F9FF
Colors in Classic Epic Blue Horizon: HEX, RGB, HSL & OKLCH
- #01041A color page →
bg
#01041A
- RGB
- rgb(1 4 26)
- HSL
- hsl(233 93% 5%)
- OKLCH
- oklch(0.122 0.052 265.6)
WCAG contrast: on white 20.31:1 (AAA) · on black 1.03:1 (Fail)
- #051B5F color page →
surface
#051B5F
- RGB
- rgb(5 27 95)
- HSL
- hsl(225 90% 20%)
- OKLCH
- oklch(0.263 0.123 264.4)
WCAG contrast: on white 15.80:1 (AAA) · on black 1.32:1 (Fail)
- #1B3AA2 color page →
muted
#1B3AA2
- RGB
- rgb(27 58 162)
- HSL
- hsl(226 71% 37%)
- OKLCH
- oklch(0.4 0.172 265.8)
WCAG contrast: on white 9.66:1 (AAA) · on black 2.17:1 (Fail)
- #0068E0 color page →
primary
#0068E0
- RGB
- rgb(0 104 224)
- HSL
- hsl(212 100% 44%)
- OKLCH
- oklch(0.542 0.2 258)
WCAG contrast: on white 5.17:1 (AA) · on black 4.05:1 (Fail)
- #5C9FFF color page →
secondary
#5C9FFF
- RGB
- rgb(92 159 255)
- HSL
- hsl(215 100% 68%)
- OKLCH
- oklch(0.702 0.157 257.5)
WCAG contrast: on white 2.67:1 (Fail) · on black 7.85:1 (AAA)
- #87C6FF color page →
accent
#87C6FF
- RGB
- rgb(135 198 255)
- HSL
- hsl(209 100% 76%)
- OKLCH
- oklch(0.805 0.104 246.8)
WCAG contrast: on white 1.81:1 (Fail) · on black 11.55:1 (AAA)
- #E6F9FF color page →
text
#E6F9FF
- RGB
- rgb(230 249 255)
- HSL
- hsl(194 100% 95%)
- OKLCH
- oklch(0.97 0.022 218.6)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.35:1 (AAA)
Export Classic Epic Blue Horizon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #01041a;
--surface: #051b5f;
--muted: #1b3aa2;
--primary: #0068e0;
--secondary: #5c9fff;
--accent: #87c6ff;
--text: #e6f9ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #01041a;
--color-surface: #051b5f;
--color-muted: #1b3aa2;
--color-primary: #0068e0;
--color-secondary: #5c9fff;
--color-accent: #87c6ff;
--color-text: #e6f9ff;
}JSON (DTCG tokens)
{
"classic-epic-blue-horizon-3b3": {
"bg": {
"$type": "color",
"$value": "#01041a"
},
"surface": {
"$type": "color",
"$value": "#051b5f"
},
"muted": {
"$type": "color",
"$value": "#1b3aa2"
},
"primary": {
"$type": "color",
"$value": "#0068e0"
},
"secondary": {
"$type": "color",
"$value": "#5c9fff"
},
"accent": {
"$type": "color",
"$value": "#87c6ff"
},
"text": {
"$type": "color",
"$value": "#e6f9ff"
}
}
}About this palette
Classic Epic Blue Horizon is a 7-color OKLCH-ready palette tagged violet, cold, 7 colors. Hex values: #01041A, #051B5F, #1B3AA2, #0068E0, #5C9FFF, #87C6FF, #E6F9FF. APCA contrast score Lc 9.7. 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 Epic Blue Horizon by OKLab color distance.