Palette · 6 colors · Lc 9.3
Warm Blue Canvas palette
Warm Blue Canvas: a 6-color palette (Pink, Rainbow, 6 Colors). HEX, RGB, HSL and OKLCH for #F0F1E9, #998D00, #00856A, #4952D0, #910022, #171603, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F1E9
surface
#998D00
muted
#00856A
primary
#4952D0
accent
#910022
text
#171603
Colors in Warm Blue Canvas: HEX, RGB, HSL & OKLCH
- #F0F1E9 color page →
bg
#F0F1E9
- RGB
- rgb(240 241 233)
- HSL
- hsl(67 22% 93%)
- OKLCH
- oklch(0.955 0.011 112.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.46:1 (AAA)
- #998D00 color page →
surface
#998D00
- RGB
- rgb(153 141 0)
- HSL
- hsl(55 100% 30%)
- OKLCH
- oklch(0.634 0.134 103.5)
WCAG contrast: on white 3.40:1 (Fail) · on black 6.16:1 (AA)
- #00856A color page →
muted
#00856A
- RGB
- rgb(0 133 106)
- HSL
- hsl(168 100% 26%)
- OKLCH
- oklch(0.549 0.107 171.9)
WCAG contrast: on white 4.60:1 (AA) · on black 4.56:1 (AA)
- #4952D0 color page →
primary
#4952D0
- RGB
- rgb(73 82 208)
- HSL
- hsl(236 59% 55%)
- OKLCH
- oklch(0.508 0.191 274.2)
WCAG contrast: on white 6.17:1 (AA) · on black 3.40:1 (Fail)
- #910022 color page →
accent
#910022
- RGB
- rgb(145 0 34)
- HSL
- hsl(346 100% 28%)
- OKLCH
- oklch(0.415 0.167 20.1)
WCAG contrast: on white 9.42:1 (AAA) · on black 2.22:1 (Fail)
- #171603 color page →
text
#171603
- RGB
- rgb(23 22 3)
- HSL
- hsl(57 77% 5%)
- OKLCH
- oklch(0.196 0.035 106.7)
WCAG contrast: on white 18.22:1 (AAA) · on black 1.15:1 (Fail)
Export Warm Blue Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f1e9;
--surface: #998d00;
--muted: #00856a;
--primary: #4952d0;
--accent: #910022;
--text: #171603;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f1e9;
--color-surface: #998d00;
--color-muted: #00856a;
--color-primary: #4952d0;
--color-accent: #910022;
--color-text: #171603;
}JSON (DTCG tokens)
{
"warm-blue-canvas-v8": {
"bg": {
"$type": "color",
"$value": "#f0f1e9"
},
"surface": {
"$type": "color",
"$value": "#998d00"
},
"muted": {
"$type": "color",
"$value": "#00856a"
},
"primary": {
"$type": "color",
"$value": "#4952d0"
},
"accent": {
"$type": "color",
"$value": "#910022"
},
"text": {
"$type": "color",
"$value": "#171603"
}
}
}About this palette
Warm Blue Canvas is a 6-color OKLCH-ready palette tagged pink, rainbow, 6 colors. Hex values: #F0F1E9, #998D00, #00856A, #4952D0, #910022, #171603. APCA contrast score Lc 9.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 Canvas by OKLab color distance.