Palette · 9 colors · Lc 10
Warm Blue Canvas palette
Warm Blue Canvas: a 9-color palette (Pink, 9 Colors). HEX, RGB, HSL and OKLCH for #EAFAFF, #A7CAFF, #73ADFF, #6382EA, #485BD3, #3440AD, #242878, #061547, #050419, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 9 Colors
bg
#EAFAFF
surface
#A7CAFF
muted
#73ADFF
primary
#6382EA
secondary
#485BD3
accent
#3440AD
highlight
#242878
border
#061547
text
#050419
Colors in Warm Blue Canvas: HEX, RGB, HSL & OKLCH
- #EAFAFF color page →
bg
#EAFAFF
- RGB
- rgb(234 250 255)
- HSL
- hsl(194 100% 96%)
- OKLCH
- oklch(0.975 0.018 218.4)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.61:1 (AAA)
- #A7CAFF color page →
surface
#A7CAFF
- RGB
- rgb(167 202 255)
- HSL
- hsl(216 100% 83%)
- OKLCH
- oklch(0.832 0.084 258.5)
WCAG contrast: on white 1.67:1 (Fail) · on black 12.53:1 (AAA)
- #73ADFF color page →
muted
#73ADFF
- RGB
- rgb(115 173 255)
- HSL
- hsl(215 100% 73%)
- OKLCH
- oklch(0.742 0.134 257.2)
WCAG contrast: on white 2.29:1 (Fail) · on black 9.15:1 (AAA)
- #6382EA color page →
primary
#6382EA
- RGB
- rgb(99 130 234)
- HSL
- hsl(226 76% 65%)
- OKLCH
- oklch(0.633 0.16 269)
WCAG contrast: on white 3.55:1 (Fail) · on black 5.91:1 (AA)
- #485BD3 color page →
secondary
#485BD3
- RGB
- rgb(72 91 211)
- HSL
- hsl(232 61% 55%)
- OKLCH
- oklch(0.526 0.185 271.7)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #3440AD color page →
accent
#3440AD
- RGB
- rgb(52 64 173)
- HSL
- hsl(234 54% 44%)
- OKLCH
- oklch(0.433 0.172 272.1)
WCAG contrast: on white 8.45:1 (AAA) · on black 2.48:1 (Fail)
- #242878 color page →
highlight
#242878
- RGB
- rgb(36 40 120)
- HSL
- hsl(237 54% 31%)
- OKLCH
- oklch(0.33 0.134 274.2)
WCAG contrast: on white 12.72:1 (AAA) · on black 1.64:1 (Fail)
- #061547 color page →
border
#061547
- RGB
- rgb(6 21 71)
- HSL
- hsl(226 84% 15%)
- OKLCH
- oklch(0.224 0.096 265.5)
WCAG contrast: on white 17.41:1 (AAA) · on black 1.20:1 (Fail)
- #050419 color page →
text
#050419
- RGB
- rgb(5 4 25)
- HSL
- hsl(243 72% 6%)
- OKLCH
- oklch(0.128 0.048 280.4)
WCAG contrast: on white 20.23:1 (AAA) · on black 1.03:1 (Fail)
Export Warm Blue Canvas: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eafaff;
--surface: #a7caff;
--muted: #73adff;
--primary: #6382ea;
--secondary: #485bd3;
--accent: #3440ad;
--highlight: #242878;
--border: #061547;
--text: #050419;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eafaff;
--color-surface: #a7caff;
--color-muted: #73adff;
--color-primary: #6382ea;
--color-secondary: #485bd3;
--color-accent: #3440ad;
--color-highlight: #242878;
--color-border: #061547;
--color-text: #050419;
}JSON (DTCG tokens)
{
"warm-blue-canvas-5z9": {
"bg": {
"$type": "color",
"$value": "#eafaff"
},
"surface": {
"$type": "color",
"$value": "#a7caff"
},
"muted": {
"$type": "color",
"$value": "#73adff"
},
"primary": {
"$type": "color",
"$value": "#6382ea"
},
"secondary": {
"$type": "color",
"$value": "#485bd3"
},
"accent": {
"$type": "color",
"$value": "#3440ad"
},
"highlight": {
"$type": "color",
"$value": "#242878"
},
"border": {
"$type": "color",
"$value": "#061547"
},
"text": {
"$type": "color",
"$value": "#050419"
}
}
}About this palette
Warm Blue Canvas is a 9-color OKLCH-ready palette tagged pink, 9 colors. Hex values: #EAFAFF, #A7CAFF, #73ADFF, #6382EA, #485BD3, #3440AD, #242878, #061547, #050419. APCA contrast score Lc 10. 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.