Palette · 8 colors · Lc 8.3
Warm Blue Lattice palette
Warm Blue Lattice: a 8-color palette (Pink, Rainbow, 8 Colors). HEX, RGB, HSL and OKLCH for #D3EEEA, #00AB9D, #0086C6, #5E54CA, #A32262, #9E2E00, #454E00, #000C0A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D3EEEA
surface
#00AB9D
muted
#0086C6
primary
#5E54CA
secondary
#A32262
accent
#9E2E00
highlight
#454E00
text
#000C0A
Colors in Warm Blue Lattice: HEX, RGB, HSL & OKLCH
- #D3EEEA color page →
bg
#D3EEEA
- RGB
- rgb(211 238 234)
- HSL
- hsl(171 44% 88%)
- OKLCH
- oklch(0.928 0.029 185.9)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.18:1 (AAA)
- #00AB9D color page →
surface
#00AB9D
- RGB
- rgb(0 171 157)
- HSL
- hsl(175 100% 34%)
- OKLCH
- oklch(0.666 0.118 184.6)
WCAG contrast: on white 2.87:1 (Fail) · on black 7.31:1 (AAA)
- #0086C6 color page →
muted
#0086C6
- RGB
- rgb(0 134 198)
- HSL
- hsl(199 100% 39%)
- OKLCH
- oklch(0.592 0.136 240.3)
WCAG contrast: on white 4.01:1 (Fail) · on black 5.22:1 (AA)
- #5E54CA color page →
primary
#5E54CA
- RGB
- rgb(94 84 202)
- HSL
- hsl(245 53% 56%)
- OKLCH
- oklch(0.521 0.177 282.2)
WCAG contrast: on white 5.83:1 (AA) · on black 3.59:1 (Fail)
- #A32262 color page →
secondary
#A32262
- RGB
- rgb(163 34 98)
- HSL
- hsl(330 65% 39%)
- OKLCH
- oklch(0.484 0.172 355.9)
WCAG contrast: on white 7.08:1 (AAA) · on black 2.96:1 (Fail)
- #9E2E00 color page →
accent
#9E2E00
- RGB
- rgb(158 46 0)
- HSL
- hsl(17 100% 31%)
- OKLCH
- oklch(0.469 0.155 37.6)
WCAG contrast: on white 7.38:1 (AAA) · on black 2.84:1 (Fail)
- #454E00 color page →
highlight
#454E00
- RGB
- rgb(69 78 0)
- HSL
- hsl(67 100% 15%)
- OKLCH
- oklch(0.402 0.093 117.1)
WCAG contrast: on white 8.96:1 (AAA) · on black 2.34:1 (Fail)
- #000C0A color page →
text
#000C0A
- RGB
- rgb(0 12 10)
- HSL
- hsl(170 100% 2%)
- OKLCH
- oklch(0.139 0.025 184.5)
WCAG contrast: on white 19.86:1 (AAA) · on black 1.05:1 (Fail)
Export Warm Blue Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d3eeea;
--surface: #00ab9d;
--muted: #0086c6;
--primary: #5e54ca;
--secondary: #a32262;
--accent: #9e2e00;
--highlight: #454e00;
--text: #000c0a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d3eeea;
--color-surface: #00ab9d;
--color-muted: #0086c6;
--color-primary: #5e54ca;
--color-secondary: #a32262;
--color-accent: #9e2e00;
--color-highlight: #454e00;
--color-text: #000c0a;
}JSON (DTCG tokens)
{
"warm-blue-lattice-58k": {
"bg": {
"$type": "color",
"$value": "#d3eeea"
},
"surface": {
"$type": "color",
"$value": "#00ab9d"
},
"muted": {
"$type": "color",
"$value": "#0086c6"
},
"primary": {
"$type": "color",
"$value": "#5e54ca"
},
"secondary": {
"$type": "color",
"$value": "#a32262"
},
"accent": {
"$type": "color",
"$value": "#9e2e00"
},
"highlight": {
"$type": "color",
"$value": "#454e00"
},
"text": {
"$type": "color",
"$value": "#000c0a"
}
}
}About this palette
Warm Blue Lattice is a 8-color OKLCH-ready palette tagged pink, rainbow, 8 colors. Hex values: #D3EEEA, #00AB9D, #0086C6, #5E54CA, #A32262, #9E2E00, #454E00, #000C0A. 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 Warm Blue Lattice by OKLab color distance.