Palette · 4 colors · Lc 9.5
Passion Flower System palette
Passion Flower System: a 4-color palette (Pink, Gray, UI System, 4 Colors). HEX, RGB, HSL and OKLCH for #F2ECFB, #BEB2C7, #765CA0, #191221, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F2ECFB
surface
#BEB2C7
accent
#765CA0
text
#191221
Colors in Passion Flower System: HEX, RGB, HSL & OKLCH
- #F2ECFB color page →
bg
#F2ECFB
- RGB
- rgb(242 236 251)
- HSL
- hsl(264 65% 95%)
- OKLCH
- oklch(0.952 0.021 304)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.16:1 (AAA)
- #BEB2C7 color page →
surface
#BEB2C7
- RGB
- rgb(190 178 199)
- HSL
- hsl(274 16% 74%)
- OKLCH
- oklch(0.78 0.032 310.9)
WCAG contrast: on white 2.02:1 (Fail) · on black 10.38:1 (AAA)
- #765CA0 color page →
accent
#765CA0
- RGB
- rgb(118 92 160)
- HSL
- hsl(263 27% 49%)
- OKLCH
- oklch(0.53 0.107 300.4)
WCAG contrast: on white 5.51:1 (AA) · on black 3.80:1 (Fail)
- #191221 color page →
text
#191221
- RGB
- rgb(25 18 33)
- HSL
- hsl(268 29% 10%)
- OKLCH
- oklch(0.199 0.031 305.2)
WCAG contrast: on white 18.26:1 (AAA) · on black 1.14:1 (Fail)
Export Passion Flower System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f2ecfb;
--surface: #beb2c7;
--accent: #765ca0;
--text: #191221;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f2ecfb;
--color-surface: #beb2c7;
--color-accent: #765ca0;
--color-text: #191221;
}JSON (DTCG tokens)
{
"passion-flower-system-6dx": {
"bg": {
"$type": "color",
"$value": "#f2ecfb"
},
"surface": {
"$type": "color",
"$value": "#beb2c7"
},
"accent": {
"$type": "color",
"$value": "#765ca0"
},
"text": {
"$type": "color",
"$value": "#191221"
}
}
}About this palette
Passion Flower System is a 4-color OKLCH-ready palette tagged pink, gray, ui system, 4 colors. Hex values: #F2ECFB, #BEB2C7, #765CA0, #191221. 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 Passion Flower System by OKLab color distance.