Palette · 8 colors · Lc 9.6
Pure Flood Pulse palette
Pure Flood Pulse: a 8-color palette (Pink, UI System, 8 Colors). HEX, RGB, HSL and OKLCH for #F0F0F0, #EAE9F9, #D0D0EA, #A4A3C1, #7678C5, #674B88, #453458, #161620, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F0F0F0
surface
#EAE9F9
muted
#D0D0EA
primary
#A4A3C1
secondary
#7678C5
accent
#674B88
highlight
#453458
text
#161620
Colors in Pure Flood Pulse: HEX, RGB, HSL & OKLCH
- #F0F0F0 color page →
bg
#F0F0F0
- RGB
- rgb(240 240 240)
- HSL
- hsl(0 0% 94%)
- OKLCH
- oklch(0.955 0 0)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.42:1 (AAA)
- #EAE9F9 color page →
surface
#EAE9F9
- RGB
- rgb(234 233 249)
- HSL
- hsl(244 57% 95%)
- OKLCH
- oklch(0.939 0.021 288.9)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.52:1 (AAA)
- #D0D0EA color page →
muted
#D0D0EA
- RGB
- rgb(208 208 234)
- HSL
- hsl(240 38% 87%)
- OKLCH
- oklch(0.866 0.036 285.6)
WCAG contrast: on white 1.51:1 (Fail) · on black 13.89:1 (AAA)
- #A4A3C1 color page →
primary
#A4A3C1
- RGB
- rgb(164 163 193)
- HSL
- hsl(242 19% 70%)
- OKLCH
- oklch(0.726 0.043 286.8)
WCAG contrast: on white 2.44:1 (Fail) · on black 8.58:1 (AAA)
- #7678C5 color page →
secondary
#7678C5
- RGB
- rgb(118 120 197)
- HSL
- hsl(238 41% 62%)
- OKLCH
- oklch(0.604 0.116 281.2)
WCAG contrast: on white 3.99:1 (Fail) · on black 5.26:1 (AA)
- #674B88 color page →
accent
#674B88
- RGB
- rgb(103 75 136)
- HSL
- hsl(268 29% 41%)
- OKLCH
- oklch(0.469 0.1 304)
WCAG contrast: on white 7.14:1 (AAA) · on black 2.93:1 (Fail)
- #453458 color page →
highlight
#453458
- RGB
- rgb(69 52 88)
- HSL
- hsl(268 26% 27%)
- OKLCH
- oklch(0.36 0.064 305.1)
WCAG contrast: on white 11.13:1 (AAA) · on black 1.88:1 (Fail)
- #161620 color page →
text
#161620
- RGB
- rgb(22 22 32)
- HSL
- hsl(240 19% 11%)
- OKLCH
- oklch(0.205 0.02 284.5)
WCAG contrast: on white 17.95:1 (AAA) · on black 1.16:1 (Fail)
Export Pure Flood Pulse: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f0f0f0;
--surface: #eae9f9;
--muted: #d0d0ea;
--primary: #a4a3c1;
--secondary: #7678c5;
--accent: #674b88;
--highlight: #453458;
--text: #161620;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f0f0f0;
--color-surface: #eae9f9;
--color-muted: #d0d0ea;
--color-primary: #a4a3c1;
--color-secondary: #7678c5;
--color-accent: #674b88;
--color-highlight: #453458;
--color-text: #161620;
}JSON (DTCG tokens)
{
"pure-flood-pulse-7fa": {
"bg": {
"$type": "color",
"$value": "#f0f0f0"
},
"surface": {
"$type": "color",
"$value": "#eae9f9"
},
"muted": {
"$type": "color",
"$value": "#d0d0ea"
},
"primary": {
"$type": "color",
"$value": "#a4a3c1"
},
"secondary": {
"$type": "color",
"$value": "#7678c5"
},
"accent": {
"$type": "color",
"$value": "#674b88"
},
"highlight": {
"$type": "color",
"$value": "#453458"
},
"text": {
"$type": "color",
"$value": "#161620"
}
}
}About this palette
Pure Flood Pulse is a 8-color OKLCH-ready palette tagged pink, ui system, 8 colors. Hex values: #F0F0F0, #EAE9F9, #D0D0EA, #A4A3C1, #7678C5, #674B88, #453458, #161620. APCA contrast score Lc 9.6. 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 Pure Flood Pulse by OKLab color distance.