Palette · 3 colors · Lc 9.8
Baby Bear Canvas palette
Baby Bear Canvas: a 3-color palette (Yellow, Gray, Warm, 3 Colors). HEX, RGB, HSL and OKLCH for #ECF8FF, #705947, #000811, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#ECF8FF
accent
#705947
text
#000811
Colors in Baby Bear Canvas: HEX, RGB, HSL & OKLCH
- #ECF8FF color page →
bg
#ECF8FF
- RGB
- rgb(236 248 255)
- HSL
- hsl(202 100% 96%)
- OKLCH
- oklch(0.972 0.016 233)
WCAG contrast: on white 1.08:1 (Fail) · on black 19.43:1 (AAA)
- #705947 color page →
accent
#705947
- RGB
- rgb(112 89 71)
- HSL
- hsl(26 22% 36%)
- OKLCH
- oklch(0.482 0.041 59.6)
WCAG contrast: on white 6.54:1 (AA) · on black 3.20:1 (Fail)
- #000811 color page →
text
#000811
- RGB
- rgb(0 8 17)
- HSL
- hsl(212 100% 3%)
- OKLCH
- oklch(0.128 0.029 239.4)
WCAG contrast: on white 20.13:1 (AAA) · on black 1.04:1 (Fail)
Export Baby Bear Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #ecf8ff;
--accent: #705947;
--text: #000811;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #ecf8ff;
--color-accent: #705947;
--color-text: #000811;
}JSON (DTCG tokens)
{
"baby-bear-canvas-69": {
"bg": {
"$type": "color",
"$value": "#ecf8ff"
},
"accent": {
"$type": "color",
"$value": "#705947"
},
"text": {
"$type": "color",
"$value": "#000811"
}
}
}About this palette
Baby Bear Canvas is a 3-color OKLCH-ready palette tagged yellow, gray, warm, 3 colors. Hex values: #ECF8FF, #705947, #000811. APCA contrast score Lc 9.8. 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 Baby Bear Canvas by OKLab color distance.