Palette · 5 colors · Lc 9.5
Warm Blue Lattice palette
Warm Blue Lattice: a 5-color palette (Pink, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #FFF0E0, #DC4E00, #007CAC, #5749DC, #190D01, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#FFF0E0
surface
#DC4E00
primary
#007CAC
accent
#5749DC
text
#190D01
Colors in Warm Blue Lattice: HEX, RGB, HSL & OKLCH
- #FFF0E0 color page →
bg
#FFF0E0
- RGB
- rgb(255 240 224)
- HSL
- hsl(31 100% 94%)
- OKLCH
- oklch(0.963 0.027 69.3)
WCAG contrast: on white 1.11:1 (Fail) · on black 18.79:1 (AAA)
- #DC4E00 color page →
surface
#DC4E00
- RGB
- rgb(220 78 0)
- HSL
- hsl(21 100% 43%)
- OKLCH
- oklch(0.611 0.19 40.5)
WCAG contrast: on white 4.09:1 (Fail) · on black 5.13:1 (AA)
- #007CAC color page →
primary
#007CAC
- RGB
- rgb(0 124 172)
- HSL
- hsl(197 100% 34%)
- OKLCH
- oklch(0.553 0.117 234.5)
WCAG contrast: on white 4.68:1 (AA) · on black 4.47:1 (Fail)
- #5749DC color page →
accent
#5749DC
- RGB
- rgb(87 73 220)
- HSL
- hsl(246 68% 57%)
- OKLCH
- oklch(0.513 0.214 280)
WCAG contrast: on white 6.19:1 (AA) · on black 3.39:1 (Fail)
- #190D01 color page →
text
#190D01
- RGB
- rgb(25 13 1)
- HSL
- hsl(30 92% 5%)
- OKLCH
- oklch(0.172 0.034 71.3)
WCAG contrast: on white 19.10:1 (AAA) · on black 1.09:1 (Fail)
Export Warm Blue Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #fff0e0;
--surface: #dc4e00;
--primary: #007cac;
--accent: #5749dc;
--text: #190d01;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #fff0e0;
--color-surface: #dc4e00;
--color-primary: #007cac;
--color-accent: #5749dc;
--color-text: #190d01;
}JSON (DTCG tokens)
{
"warm-blue-lattice-4y": {
"bg": {
"$type": "color",
"$value": "#fff0e0"
},
"surface": {
"$type": "color",
"$value": "#dc4e00"
},
"primary": {
"$type": "color",
"$value": "#007cac"
},
"accent": {
"$type": "color",
"$value": "#5749dc"
},
"text": {
"$type": "color",
"$value": "#190d01"
}
}
}About this palette
Warm Blue Lattice is a 5-color OKLCH-ready palette tagged pink, rainbow, 5 colors. Hex values: #FFF0E0, #DC4E00, #007CAC, #5749DC, #190D01. APCA contrast score Lc 9.5. 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 Warm Blue Lattice by OKLab color distance.