Palette · 8 colors · Lc 9
True Flood Studio palette
True Flood Studio: a 8-color palette (Pink, 8 Colors). HEX, RGB, HSL and OKLCH for #DEECFB, #90ADD1, #6374BB, #96586B, #895321, #80672B, #0D4B35, #060E16, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Pink
- 8 Colors
bg
#DEECFB
surface
#90ADD1
muted
#6374BB
primary
#96586B
secondary
#895321
accent
#80672B
highlight
#0D4B35
text
#060E16
Colors in True Flood Studio: HEX, RGB, HSL & OKLCH
- #DEECFB color page →
bg
#DEECFB
- RGB
- rgb(222 236 251)
- HSL
- hsl(211 78% 93%)
- OKLCH
- oklch(0.937 0.025 250)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.49:1 (AAA)
- #90ADD1 color page →
surface
#90ADD1
- RGB
- rgb(144 173 209)
- HSL
- hsl(213 41% 69%)
- OKLCH
- oklch(0.739 0.061 254)
WCAG contrast: on white 2.31:1 (Fail) · on black 9.08:1 (AAA)
- #6374BB color page →
muted
#6374BB
- RGB
- rgb(99 116 187)
- HSL
- hsl(228 39% 56%)
- OKLCH
- oklch(0.577 0.111 272.3)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #96586B color page →
primary
#96586B
- RGB
- rgb(150 88 107)
- HSL
- hsl(342 26% 47%)
- OKLCH
- oklch(0.537 0.085 0.6)
WCAG contrast: on white 5.37:1 (AA) · on black 3.90:1 (Fail)
- #895321 color page →
secondary
#895321
- RGB
- rgb(137 83 33)
- HSL
- hsl(29 61% 33%)
- OKLCH
- oklch(0.495 0.096 60)
WCAG contrast: on white 6.31:1 (AA) · on black 3.32:1 (Fail)
- #80672B color page →
accent
#80672B
- RGB
- rgb(128 103 43)
- HSL
- hsl(42 50% 34%)
- OKLCH
- oklch(0.526 0.084 86.4)
WCAG contrast: on white 5.39:1 (AA) · on black 3.89:1 (Fail)
- #0D4B35 color page →
highlight
#0D4B35
- RGB
- rgb(13 75 53)
- HSL
- hsl(159 70% 17%)
- OKLCH
- oklch(0.369 0.072 164.1)
WCAG contrast: on white 10.12:1 (AAA) · on black 2.07:1 (Fail)
- #060E16 color page →
text
#060E16
- RGB
- rgb(6 14 22)
- HSL
- hsl(210 57% 5%)
- OKLCH
- oklch(0.16 0.022 247.6)
WCAG contrast: on white 19.40:1 (AAA) · on black 1.08:1 (Fail)
Export True Flood Studio: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #deecfb;
--surface: #90add1;
--muted: #6374bb;
--primary: #96586b;
--secondary: #895321;
--accent: #80672b;
--highlight: #0d4b35;
--text: #060e16;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #deecfb;
--color-surface: #90add1;
--color-muted: #6374bb;
--color-primary: #96586b;
--color-secondary: #895321;
--color-accent: #80672b;
--color-highlight: #0d4b35;
--color-text: #060e16;
}JSON (DTCG tokens)
{
"true-flood-studio-5o3": {
"bg": {
"$type": "color",
"$value": "#deecfb"
},
"surface": {
"$type": "color",
"$value": "#90add1"
},
"muted": {
"$type": "color",
"$value": "#6374bb"
},
"primary": {
"$type": "color",
"$value": "#96586b"
},
"secondary": {
"$type": "color",
"$value": "#895321"
},
"accent": {
"$type": "color",
"$value": "#80672b"
},
"highlight": {
"$type": "color",
"$value": "#0d4b35"
},
"text": {
"$type": "color",
"$value": "#060e16"
}
}
}About this palette
True Flood Studio is a 8-color OKLCH-ready palette tagged pink, 8 colors. Hex values: #DEECFB, #90ADD1, #6374BB, #96586B, #895321, #80672B, #0D4B35, #060E16. APCA contrast score Lc 9. 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 Studio by OKLab color distance.