Palette · 5 colors · Lc 7.5
True Flood Lattice palette
True Flood Lattice: a 5-color palette (Pink, 5 Colors). HEX, RGB, HSL and OKLCH for #DDE0ED, #5A6FC8, #99473C, #297545, #090C17, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 5 Colors
bg
#DDE0ED
surface
#5A6FC8
primary
#99473C
accent
#297545
text
#090C17
Colors in True Flood Lattice: HEX, RGB, HSL & OKLCH
- #DDE0ED color page →
bg
#DDE0ED
- RGB
- rgb(221 224 237)
- HSL
- hsl(229 31% 90%)
- OKLCH
- oklch(0.908 0.018 275.6)
WCAG contrast: on white 1.31:1 (Fail) · on black 15.95:1 (AAA)
- #5A6FC8 color page →
surface
#5A6FC8
- RGB
- rgb(90 111 200)
- HSL
- hsl(229 50% 57%)
- OKLCH
- oklch(0.568 0.139 271.4)
WCAG contrast: on white 4.62:1 (AA) · on black 4.54:1 (AA)
- #99473C color page →
primary
#99473C
- RGB
- rgb(153 71 60)
- HSL
- hsl(7 44% 42%)
- OKLCH
- oklch(0.5 0.112 29.4)
WCAG contrast: on white 6.32:1 (AA) · on black 3.32:1 (Fail)
- #297545 color page →
accent
#297545
- RGB
- rgb(41 117 69)
- HSL
- hsl(142 48% 31%)
- OKLCH
- oklch(0.503 0.107 152.5)
WCAG contrast: on white 5.63:1 (AA) · on black 3.72:1 (Fail)
- #090C17 color page →
text
#090C17
- RGB
- rgb(9 12 23)
- HSL
- hsl(227 44% 6%)
- OKLCH
- oklch(0.157 0.024 271.7)
WCAG contrast: on white 19.50:1 (AAA) · on black 1.07:1 (Fail)
Export True Flood Lattice: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dde0ed;
--surface: #5a6fc8;
--primary: #99473c;
--accent: #297545;
--text: #090c17;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dde0ed;
--color-surface: #5a6fc8;
--color-primary: #99473c;
--color-accent: #297545;
--color-text: #090c17;
}JSON (DTCG tokens)
{
"true-flood-lattice-5d3": {
"bg": {
"$type": "color",
"$value": "#dde0ed"
},
"surface": {
"$type": "color",
"$value": "#5a6fc8"
},
"primary": {
"$type": "color",
"$value": "#99473c"
},
"accent": {
"$type": "color",
"$value": "#297545"
},
"text": {
"$type": "color",
"$value": "#090c17"
}
}
}About this palette
True Flood Lattice is a 5-color OKLCH-ready palette tagged pink, 5 colors. Hex values: #DDE0ED, #5A6FC8, #99473C, #297545, #090C17. APCA contrast score Lc 7.5. 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 Lattice by OKLab color distance.