Palette · 5 colors · Lc 9.8
Muted Blue Bloom palette
Muted Blue Bloom: a 5-color palette (Violet, Cold, Ocean, Nature). HEX, RGB, HSL and OKLCH for #EAF9FF, #78B4D1, #3072AA, #00475E, #040C1B, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EAF9FF
surface
#78B4D1
primary
#3072AA
accent
#00475E
text
#040C1B
Colors in Muted Blue Bloom: HEX, RGB, HSL & OKLCH
- #EAF9FF color page →
bg
#EAF9FF
- RGB
- rgb(234 249 255)
- HSL
- hsl(197 100% 96%)
- OKLCH
- oklch(0.973 0.018 223.6)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.49:1 (AAA)
- #78B4D1 color page →
surface
#78B4D1
- RGB
- rgb(120 180 209)
- HSL
- hsl(200 49% 65%)
- OKLCH
- oklch(0.74 0.075 229.9)
WCAG contrast: on white 2.27:1 (Fail) · on black 9.24:1 (AAA)
- #3072AA color page →
primary
#3072AA
- RGB
- rgb(48 114 170)
- HSL
- hsl(208 56% 43%)
- OKLCH
- oklch(0.536 0.11 247.4)
WCAG contrast: on white 5.10:1 (AA) · on black 4.11:1 (Fail)
- #00475E color page →
accent
#00475E
- RGB
- rgb(0 71 94)
- HSL
- hsl(195 100% 18%)
- OKLCH
- oklch(0.372 0.072 227.9)
WCAG contrast: on white 10.17:1 (AAA) · on black 2.06:1 (Fail)
- #040C1B color page →
text
#040C1B
- RGB
- rgb(4 12 27)
- HSL
- hsl(219 74% 6%)
- OKLCH
- oklch(0.155 0.035 259)
WCAG contrast: on white 19.56:1 (AAA) · on black 1.07:1 (Fail)
Export Muted Blue Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eaf9ff;
--surface: #78b4d1;
--primary: #3072aa;
--accent: #00475e;
--text: #040c1b;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eaf9ff;
--color-surface: #78b4d1;
--color-primary: #3072aa;
--color-accent: #00475e;
--color-text: #040c1b;
}JSON (DTCG tokens)
{
"muted-blue-bloom-127": {
"bg": {
"$type": "color",
"$value": "#eaf9ff"
},
"surface": {
"$type": "color",
"$value": "#78b4d1"
},
"primary": {
"$type": "color",
"$value": "#3072aa"
},
"accent": {
"$type": "color",
"$value": "#00475e"
},
"text": {
"$type": "color",
"$value": "#040c1b"
}
}
}About this palette
Muted Blue Bloom is a 5-color OKLCH-ready palette tagged violet, cold, ocean, nature, 5 colors. Hex values: #EAF9FF, #78B4D1, #3072AA, #00475E, #040C1B. 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 Muted Blue Bloom by OKLab color distance.