Palette · 5 colors · Lc 9.1
Warm Blue Canvas palette
Warm Blue Canvas: a 5-color palette (Pink, Rainbow, 5 Colors). HEX, RGB, HSL and OKLCH for #EDEBE4, #A66B00, #504BD8, #AF2358, #120E03, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EDEBE4
surface
#A66B00
primary
#504BD8
accent
#AF2358
text
#120E03
Colors in Warm Blue Canvas: HEX, RGB, HSL & OKLCH
- #EDEBE4 color page →
bg
#EDEBE4
- RGB
- rgb(237 235 228)
- HSL
- hsl(47 20% 91%)
- OKLCH
- oklch(0.94 0.01 93.6)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.60:1 (AAA)
- #A66B00 color page →
surface
#A66B00
- RGB
- rgb(166 107 0)
- HSL
- hsl(39 100% 33%)
- OKLCH
- oklch(0.577 0.124 71.6)
WCAG contrast: on white 4.44:1 (Fail) · on black 4.72:1 (AA)
- #504BD8 color page →
primary
#504BD8
- RGB
- rgb(80 75 216)
- HSL
- hsl(242 64% 57%)
- OKLCH
- oklch(0.507 0.208 277.5)
WCAG contrast: on white 6.28:1 (AA) · on black 3.33:1 (Fail)
- #AF2358 color page →
accent
#AF2358
- RGB
- rgb(175 35 88)
- HSL
- hsl(337 67% 41%)
- OKLCH
- oklch(0.503 0.178 4.1)
WCAG contrast: on white 6.55:1 (AA) · on black 3.20:1 (Fail)
- #120E03 color page →
text
#120E03
- RGB
- rgb(18 14 3)
- HSL
- hsl(44 71% 4%)
- OKLCH
- oklch(0.165 0.025 93)
WCAG contrast: on white 19.26:1 (AAA) · on black 1.08:1 (Fail)
Export Warm Blue Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #edebe4;
--surface: #a66b00;
--primary: #504bd8;
--accent: #af2358;
--text: #120e03;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #edebe4;
--color-surface: #a66b00;
--color-primary: #504bd8;
--color-accent: #af2358;
--color-text: #120e03;
}JSON (DTCG tokens)
{
"warm-blue-canvas-2ty": {
"bg": {
"$type": "color",
"$value": "#edebe4"
},
"surface": {
"$type": "color",
"$value": "#a66b00"
},
"primary": {
"$type": "color",
"$value": "#504bd8"
},
"accent": {
"$type": "color",
"$value": "#af2358"
},
"text": {
"$type": "color",
"$value": "#120e03"
}
}
}About this palette
Warm Blue Canvas is a 5-color OKLCH-ready palette tagged pink, rainbow, 5 colors. Hex values: #EDEBE4, #A66B00, #504BD8, #AF2358, #120E03. APCA contrast score Lc 9.1. 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.