Palette · 8 colors · Lc 8.9
Classic Warm Blue System palette
Classic Warm Blue System: a 8-color palette (Pink, Monochromatic, 8 Colors). HEX, RGB, HSL and OKLCH for #06091A, #19195A, #1B2B91, #4E4CD3, #6577F7, #8EA1FF, #B4C1FF, #EDF2FF, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- Monochromatic
- 8 Colors
bg
#06091A
surface
#19195A
muted
#1B2B91
primary
#4E4CD3
secondary
#6577F7
accent
#8EA1FF
highlight
#B4C1FF
text
#EDF2FF
Colors in Classic Warm Blue System: HEX, RGB, HSL & OKLCH
- #06091A color page →
bg
#06091A
- RGB
- rgb(6 9 26)
- HSL
- hsl(231 63% 6%)
- OKLCH
- oklch(0.147 0.037 272.2)
WCAG contrast: on white 19.77:1 (AAA) · on black 1.06:1 (Fail)
- #19195A color page →
surface
#19195A
- RGB
- rgb(25 25 90)
- HSL
- hsl(240 57% 23%)
- OKLCH
- oklch(0.264 0.113 275.4)
WCAG contrast: on white 15.81:1 (AAA) · on black 1.32:1 (Fail)
- #1B2B91 color page →
muted
#1B2B91
- RGB
- rgb(27 43 145)
- HSL
- hsl(232 69% 34%)
- OKLCH
- oklch(0.355 0.167 268.5)
WCAG contrast: on white 11.66:1 (AAA) · on black 1.80:1 (Fail)
- #4E4CD3 color page →
primary
#4E4CD3
- RGB
- rgb(78 76 211)
- HSL
- hsl(241 61% 56%)
- OKLCH
- oklch(0.503 0.201 277)
WCAG contrast: on white 6.36:1 (AA) · on black 3.29:1 (Fail)
- #6577F7 color page →
secondary
#6577F7
- RGB
- rgb(101 119 247)
- HSL
- hsl(233 90% 68%)
- OKLCH
- oklch(0.622 0.19 273.5)
WCAG contrast: on white 3.79:1 (Fail) · on black 5.53:1 (AA)
- #8EA1FF color page →
accent
#8EA1FF
- RGB
- rgb(142 161 255)
- HSL
- hsl(230 100% 78%)
- OKLCH
- oklch(0.733 0.138 273.9)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.69:1 (AAA)
- #B4C1FF color page →
highlight
#B4C1FF
- RGB
- rgb(180 193 255)
- HSL
- hsl(230 100% 85%)
- OKLCH
- oklch(0.823 0.089 275.1)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.01:1 (AAA)
- #EDF2FF color page →
text
#EDF2FF
- RGB
- rgb(237 242 255)
- HSL
- hsl(223 100% 96%)
- OKLCH
- oklch(0.961 0.018 269.1)
WCAG contrast: on white 1.12:1 (Fail) · on black 18.74:1 (AAA)
Export Classic Warm Blue System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #06091a;
--surface: #19195a;
--muted: #1b2b91;
--primary: #4e4cd3;
--secondary: #6577f7;
--accent: #8ea1ff;
--highlight: #b4c1ff;
--text: #edf2ff;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #06091a;
--color-surface: #19195a;
--color-muted: #1b2b91;
--color-primary: #4e4cd3;
--color-secondary: #6577f7;
--color-accent: #8ea1ff;
--color-highlight: #b4c1ff;
--color-text: #edf2ff;
}JSON (DTCG tokens)
{
"classic-warm-blue-system-6s0": {
"bg": {
"$type": "color",
"$value": "#06091a"
},
"surface": {
"$type": "color",
"$value": "#19195a"
},
"muted": {
"$type": "color",
"$value": "#1b2b91"
},
"primary": {
"$type": "color",
"$value": "#4e4cd3"
},
"secondary": {
"$type": "color",
"$value": "#6577f7"
},
"accent": {
"$type": "color",
"$value": "#8ea1ff"
},
"highlight": {
"$type": "color",
"$value": "#b4c1ff"
},
"text": {
"$type": "color",
"$value": "#edf2ff"
}
}
}About this palette
Classic Warm Blue System is a 8-color OKLCH-ready palette tagged pink, monochromatic, 8 colors. Hex values: #06091A, #19195A, #1B2B91, #4E4CD3, #6577F7, #8EA1FF, #B4C1FF, #EDF2FF. 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 Classic Warm Blue System by OKLab color distance.