Palette · 7 colors · Lc 9.5
Simply Purple Bloom palette
Simply Purple Bloom: a 7-color palette (Pink, UI System, 7 Colors). HEX, RGB, HSL and OKLCH for #F5F5F5, #E6E8F9, #B7BCE8, #7B88D6, #6B54C0, #54387B, #131520, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F5F5F5
surface
#E6E8F9
muted
#B7BCE8
primary
#7B88D6
secondary
#6B54C0
accent
#54387B
text
#131520
Colors in Simply Purple Bloom: HEX, RGB, HSL & OKLCH
- #F5F5F5 color page →
bg
#F5F5F5
- RGB
- rgb(245 245 245)
- HSL
- hsl(0 0% 96%)
- OKLCH
- oklch(0.97 0 0)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.26:1 (AAA)
- #E6E8F9 color page →
surface
#E6E8F9
- RGB
- rgb(230 232 249)
- HSL
- hsl(234 61% 94%)
- OKLCH
- oklch(0.935 0.023 280.6)
WCAG contrast: on white 1.21:1 (Fail) · on black 17.27:1 (AAA)
- #B7BCE8 color page →
muted
#B7BCE8
- RGB
- rgb(183 188 232)
- HSL
- hsl(234 52% 81%)
- OKLCH
- oklch(0.806 0.062 279.8)
WCAG contrast: on white 1.84:1 (Fail) · on black 11.37:1 (AAA)
- #7B88D6 color page →
primary
#7B88D6
- RGB
- rgb(123 136 214)
- HSL
- hsl(231 53% 66%)
- OKLCH
- oklch(0.649 0.117 275.5)
WCAG contrast: on white 3.31:1 (Fail) · on black 6.33:1 (AA)
- #6B54C0 color page →
secondary
#6B54C0
- RGB
- rgb(107 84 192)
- HSL
- hsl(253 46% 54%)
- OKLCH
- oklch(0.525 0.162 289.4)
WCAG contrast: on white 5.74:1 (AA) · on black 3.65:1 (Fail)
- #54387B color page →
accent
#54387B
- RGB
- rgb(84 56 123)
- HSL
- hsl(265 37% 35%)
- OKLCH
- oklch(0.406 0.111 300.9)
WCAG contrast: on white 9.42:1 (AAA) · on black 2.22:1 (Fail)
- #131520 color page →
text
#131520
- RGB
- rgb(19 21 32)
- HSL
- hsl(231 25% 10%)
- OKLCH
- oklch(0.199 0.022 276.2)
WCAG contrast: on white 18.16:1 (AAA) · on black 1.15:1 (Fail)
Export Simply Purple Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f5f5f5;
--surface: #e6e8f9;
--muted: #b7bce8;
--primary: #7b88d6;
--secondary: #6b54c0;
--accent: #54387b;
--text: #131520;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f5f5f5;
--color-surface: #e6e8f9;
--color-muted: #b7bce8;
--color-primary: #7b88d6;
--color-secondary: #6b54c0;
--color-accent: #54387b;
--color-text: #131520;
}JSON (DTCG tokens)
{
"simply-purple-bloom-7et": {
"bg": {
"$type": "color",
"$value": "#f5f5f5"
},
"surface": {
"$type": "color",
"$value": "#e6e8f9"
},
"muted": {
"$type": "color",
"$value": "#b7bce8"
},
"primary": {
"$type": "color",
"$value": "#7b88d6"
},
"secondary": {
"$type": "color",
"$value": "#6b54c0"
},
"accent": {
"$type": "color",
"$value": "#54387b"
},
"text": {
"$type": "color",
"$value": "#131520"
}
}
}About this palette
Simply Purple Bloom is a 7-color OKLCH-ready palette tagged pink, ui system, 7 colors. Hex values: #F5F5F5, #E6E8F9, #B7BCE8, #7B88D6, #6B54C0, #54387B, #131520. APCA contrast score Lc 9.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 Simply Purple Bloom by OKLab color distance.