Palette · 5 colors · Lc 8.4
Warm Blue Canvas palette
Warm Blue Canvas: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #E5E3D9, #8B6B00, #5F52C5, #992B43, #111004, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#E5E3D9
surface
#8B6B00
primary
#5F52C5
accent
#992B43
text
#111004
Colors in Warm Blue Canvas: HEX, RGB, HSL & OKLCH
- #E5E3D9 color page →
bg
#E5E3D9
- RGB
- rgb(229 227 217)
- HSL
- hsl(50 19% 87%)
- OKLCH
- oklch(0.915 0.014 97.5)
WCAG contrast: on white 1.28:1 (Fail) · on black 16.32:1 (AAA)
- #8B6B00 color page →
surface
#8B6B00
- RGB
- rgb(139 107 0)
- HSL
- hsl(46 100% 27%)
- OKLCH
- oklch(0.544 0.111 87.9)
WCAG contrast: on white 4.99:1 (AA) · on black 4.20:1 (Fail)
- #5F52C5 color page →
primary
#5F52C5
- RGB
- rgb(95 82 197)
- HSL
- hsl(247 50% 55%)
- OKLCH
- oklch(0.515 0.173 283.7)
WCAG contrast: on white 6.00:1 (AA) · on black 3.49:1 (Fail)
- #992B43 color page →
accent
#992B43
- RGB
- rgb(153 43 67)
- HSL
- hsl(347 56% 38%)
- OKLCH
- oklch(0.465 0.145 12.2)
WCAG contrast: on white 7.55:1 (AAA) · on black 2.78:1 (Fail)
- #111004 color page →
text
#111004
- RGB
- rgb(17 16 4)
- HSL
- hsl(55 62% 4%)
- OKLCH
- oklch(0.17 0.025 105)
WCAG contrast: on white 19.09:1 (AAA) · on black 1.09:1 (Fail)
Export Warm Blue Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e5e3d9;
--surface: #8b6b00;
--primary: #5f52c5;
--accent: #992b43;
--text: #111004;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e5e3d9;
--color-surface: #8b6b00;
--color-primary: #5f52c5;
--color-accent: #992b43;
--color-text: #111004;
}JSON (DTCG tokens)
{
"warm-blue-canvas-48g": {
"bg": {
"$type": "color",
"$value": "#e5e3d9"
},
"surface": {
"$type": "color",
"$value": "#8b6b00"
},
"primary": {
"$type": "color",
"$value": "#5f52c5"
},
"accent": {
"$type": "color",
"$value": "#992b43"
},
"text": {
"$type": "color",
"$value": "#111004"
}
}
}About this palette
Warm Blue Canvas is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #E5E3D9, #8B6B00, #5F52C5, #992B43, #111004. APCA contrast score Lc 8.4. 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 Canvas by OKLab color distance.