Palette · 7 colors · Lc 9.4
Flood Noir palette
Flood Noir: a 7-color palette (Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #E9ECF6, #B0CBF6, #729FDB, #6075CB, #554B94, #38325F, #11132A, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 7 Colors
bg
#E9ECF6
surface
#B0CBF6
muted
#729FDB
primary
#6075CB
secondary
#554B94
accent
#38325F
text
#11132A
Colors in Flood Noir: HEX, RGB, HSL & OKLCH
- #E9ECF6 color page →
bg
#E9ECF6
- RGB
- rgb(233 236 246)
- HSL
- hsl(226 42% 94%)
- OKLCH
- oklch(0.944 0.014 272.7)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.79:1 (AAA)
- #B0CBF6 color page →
surface
#B0CBF6
- RGB
- rgb(176 203 246)
- HSL
- hsl(217 80% 83%)
- OKLCH
- oklch(0.837 0.067 259.6)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.71:1 (AAA)
- #729FDB color page →
muted
#729FDB
- RGB
- rgb(114 159 219)
- HSL
- hsl(214 59% 65%)
- OKLCH
- oklch(0.694 0.102 255.9)
WCAG contrast: on white 2.72:1 (Fail) · on black 7.69:1 (AAA)
- #6075CB color page →
primary
#6075CB
- RGB
- rgb(96 117 203)
- HSL
- hsl(228 51% 59%)
- OKLCH
- oklch(0.586 0.134 271.4)
WCAG contrast: on white 4.28:1 (Fail) · on black 4.90:1 (AA)
- #554B94 color page →
secondary
#554B94
- RGB
- rgb(85 75 148)
- HSL
- hsl(248 33% 44%)
- OKLCH
- oklch(0.459 0.116 287.2)
WCAG contrast: on white 7.44:1 (AAA) · on black 2.82:1 (Fail)
- #38325F color page →
accent
#38325F
- RGB
- rgb(56 50 95)
- HSL
- hsl(248 31% 28%)
- OKLCH
- oklch(0.346 0.077 287.8)
WCAG contrast: on white 11.73:1 (AAA) · on black 1.78:1 (Fail)
- #11132A color page →
text
#11132A
- RGB
- rgb(17 19 42)
- HSL
- hsl(235 42% 12%)
- OKLCH
- oklch(0.199 0.046 277.6)
WCAG contrast: on white 18.25:1 (AAA) · on black 1.15:1 (Fail)
Export Flood Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #e9ecf6;
--surface: #b0cbf6;
--muted: #729fdb;
--primary: #6075cb;
--secondary: #554b94;
--accent: #38325f;
--text: #11132a;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #e9ecf6;
--color-surface: #b0cbf6;
--color-muted: #729fdb;
--color-primary: #6075cb;
--color-secondary: #554b94;
--color-accent: #38325f;
--color-text: #11132a;
}JSON (DTCG tokens)
{
"flood-noir-4t3": {
"bg": {
"$type": "color",
"$value": "#e9ecf6"
},
"surface": {
"$type": "color",
"$value": "#b0cbf6"
},
"muted": {
"$type": "color",
"$value": "#729fdb"
},
"primary": {
"$type": "color",
"$value": "#6075cb"
},
"secondary": {
"$type": "color",
"$value": "#554b94"
},
"accent": {
"$type": "color",
"$value": "#38325f"
},
"text": {
"$type": "color",
"$value": "#11132a"
}
}
}About this palette
Flood Noir is a 7-color OKLCH-ready palette tagged pink, 7 colors. Hex values: #E9ECF6, #B0CBF6, #729FDB, #6075CB, #554B94, #38325F, #11132A. APCA contrast score Lc 9.4. 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 Flood Noir by OKLab color distance.