Palette · 5 colors · Lc 9
Hibiscus System palette
Hibiscus System: a 5-color palette (Trending, Red, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #0F0206, #63003C, #B33474, #E785BE, #FEE0F2, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#0F0206
surface
#63003C
primary
#B33474
accent
#E785BE
text
#FEE0F2
Colors in Hibiscus System: HEX, RGB, HSL & OKLCH
- #0F0206 color page →
bg
#0F0206
- RGB
- rgb(15 2 6)
- HSL
- hsl(342 76% 3%)
- OKLCH
- oklch(0.121 0.033 356.8)
WCAG contrast: on white 20.35:1 (AAA) · on black 1.03:1 (Fail)
- #63003C color page →
surface
#63003C
- RGB
- rgb(99 0 60)
- HSL
- hsl(324 100% 19%)
- OKLCH
- oklch(0.328 0.136 352)
WCAG contrast: on white 13.15:1 (AAA) · on black 1.59:1 (Fail)
- #B33474 color page →
primary
#B33474
- RGB
- rgb(179 52 116)
- HSL
- hsl(330 55% 45%)
- OKLCH
- oklch(0.533 0.173 353.7)
WCAG contrast: on white 5.73:1 (AA) · on black 3.66:1 (Fail)
- #E785BE color page →
accent
#E785BE
- RGB
- rgb(231 133 190)
- HSL
- hsl(325 67% 71%)
- OKLCH
- oklch(0.739 0.138 345.1)
WCAG contrast: on white 2.47:1 (Fail) · on black 8.49:1 (AAA)
- #FEE0F2 color page →
text
#FEE0F2
- RGB
- rgb(254 224 242)
- HSL
- hsl(324 94% 94%)
- OKLCH
- oklch(0.936 0.04 341.2)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.15:1 (AAA)
Export Hibiscus System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #0f0206;
--surface: #63003c;
--primary: #b33474;
--accent: #e785be;
--text: #fee0f2;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #0f0206;
--color-surface: #63003c;
--color-primary: #b33474;
--color-accent: #e785be;
--color-text: #fee0f2;
}JSON (DTCG tokens)
{
"hibiscus-system-493": {
"bg": {
"$type": "color",
"$value": "#0f0206"
},
"surface": {
"$type": "color",
"$value": "#63003c"
},
"primary": {
"$type": "color",
"$value": "#b33474"
},
"accent": {
"$type": "color",
"$value": "#e785be"
},
"text": {
"$type": "color",
"$value": "#fee0f2"
}
}
}About this palette
Hibiscus System is a 5-color OKLCH-ready palette tagged trending, red, warm, 5 colors. Hex values: #0F0206, #63003C, #B33474, #E785BE, #FEE0F2. 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 Hibiscus System by OKLab color distance.