Palette · 8 colors · Lc 9.3
True Flood Glacier palette
True Flood Glacier: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #EFF5FF, #C5D0FF, #8CA5F2, #6C77CF, #4C529A, #2F3571, #221D45, #090B17, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#EFF5FF
surface
#C5D0FF
muted
#8CA5F2
primary
#6C77CF
secondary
#4C529A
accent
#2F3571
highlight
#221D45
text
#090B17
Colors in True Flood Glacier: HEX, RGB, HSL & OKLCH
- #EFF5FF color page →
bg
#EFF5FF
- RGB
- rgb(239 245 255)
- HSL
- hsl(217 100% 97%)
- OKLCH
- oklch(0.969 0.015 260.7)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.17:1 (AAA)
- #C5D0FF color page →
surface
#C5D0FF
- RGB
- rgb(197 208 255)
- HSL
- hsl(229 100% 89%)
- OKLCH
- oklch(0.865 0.066 274.6)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.84:1 (AAA)
- #8CA5F2 color page →
muted
#8CA5F2
- RGB
- rgb(140 165 242)
- HSL
- hsl(225 80% 75%)
- OKLCH
- oklch(0.734 0.116 269.7)
WCAG contrast: on white 2.39:1 (Fail) · on black 8.77:1 (AAA)
- #6C77CF color page →
primary
#6C77CF
- RGB
- rgb(108 119 207)
- HSL
- hsl(233 51% 62%)
- OKLCH
- oklch(0.601 0.134 276.2)
WCAG contrast: on white 4.05:1 (Fail) · on black 5.17:1 (AA)
- #4C529A color page →
secondary
#4C529A
- RGB
- rgb(76 82 154)
- HSL
- hsl(235 34% 45%)
- OKLCH
- oklch(0.47 0.115 277.4)
WCAG contrast: on white 7.04:1 (AAA) · on black 2.98:1 (Fail)
- #2F3571 color page →
accent
#2F3571
- RGB
- rgb(47 53 113)
- HSL
- hsl(235 41% 31%)
- OKLCH
- oklch(0.358 0.102 275.7)
WCAG contrast: on white 11.23:1 (AAA) · on black 1.86:1 (Fail)
- #221D45 color page →
highlight
#221D45
- RGB
- rgb(34 29 69)
- HSL
- hsl(248 41% 19%)
- OKLCH
- oklch(0.26 0.072 285.9)
WCAG contrast: on white 15.79:1 (AAA) · on black 1.32:1 (Fail)
- #090B17 color page →
text
#090B17
- RGB
- rgb(9 11 23)
- HSL
- hsl(231 44% 6%)
- OKLCH
- oklch(0.154 0.026 275.6)
WCAG contrast: on white 19.59:1 (AAA) · on black 1.07:1 (Fail)
Export True Flood Glacier: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #eff5ff;
--surface: #c5d0ff;
--muted: #8ca5f2;
--primary: #6c77cf;
--secondary: #4c529a;
--accent: #2f3571;
--highlight: #221d45;
--text: #090b17;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #eff5ff;
--color-surface: #c5d0ff;
--color-muted: #8ca5f2;
--color-primary: #6c77cf;
--color-secondary: #4c529a;
--color-accent: #2f3571;
--color-highlight: #221d45;
--color-text: #090b17;
}JSON (DTCG tokens)
{
"true-flood-glacier-4lt": {
"bg": {
"$type": "color",
"$value": "#eff5ff"
},
"surface": {
"$type": "color",
"$value": "#c5d0ff"
},
"muted": {
"$type": "color",
"$value": "#8ca5f2"
},
"primary": {
"$type": "color",
"$value": "#6c77cf"
},
"secondary": {
"$type": "color",
"$value": "#4c529a"
},
"accent": {
"$type": "color",
"$value": "#2f3571"
},
"highlight": {
"$type": "color",
"$value": "#221d45"
},
"text": {
"$type": "color",
"$value": "#090b17"
}
}
}About this palette
True Flood Glacier is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #EFF5FF, #C5D0FF, #8CA5F2, #6C77CF, #4C529A, #2F3571, #221D45, #090B17. 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 True Flood Glacier by OKLab color distance.