Palette · 7 colors · Lc 9.8
Classic Hibiscus Signal palette
Classic Hibiscus Signal: a 7-color palette (Red, Warm, 7 Colors). HEX, RGB, HSL and OKLCH for #15030A, #510E2B, #830E40, #B83170, #E16E99, #FFACCF, #FFEAFC, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#15030A
surface
#510E2B
muted
#830E40
primary
#B83170
secondary
#E16E99
accent
#FFACCF
text
#FFEAFC
Colors in Classic Hibiscus Signal: HEX, RGB, HSL & OKLCH
- #15030A color page →
bg
#15030A
- RGB
- rgb(21 3 10)
- HSL
- hsl(337 75% 5%)
- OKLCH
- oklch(0.14 0.04 354.7)
WCAG contrast: on white 20.01:1 (AAA) · on black 1.04:1 (Fail)
- #510E2B color page →
surface
#510E2B
- RGB
- rgb(81 14 43)
- HSL
- hsl(334 71% 19%)
- OKLCH
- oklch(0.295 0.101 359.4)
WCAG contrast: on white 14.50:1 (AAA) · on black 1.44:1 (Fail)
- #830E40 color page →
muted
#830E40
- RGB
- rgb(131 14 64)
- HSL
- hsl(334 81% 28%)
- OKLCH
- oklch(0.4 0.151 2.9)
WCAG contrast: on white 9.99:1 (AAA) · on black 2.10:1 (Fail)
- #B83170 color page →
primary
#B83170
- RGB
- rgb(184 49 112)
- HSL
- hsl(332 58% 46%)
- OKLCH
- oklch(0.537 0.179 356.6)
WCAG contrast: on white 5.65:1 (AA) · on black 3.71:1 (Fail)
- #E16E99 color page →
secondary
#E16E99
- RGB
- rgb(225 110 153)
- HSL
- hsl(338 66% 66%)
- OKLCH
- oklch(0.685 0.15 358.2)
WCAG contrast: on white 3.04:1 (Fail) · on black 6.89:1 (AA)
- #FFACCF color page →
accent
#FFACCF
- RGB
- rgb(255 172 207)
- HSL
- hsl(335 100% 84%)
- OKLCH
- oklch(0.834 0.106 352.7)
WCAG contrast: on white 1.74:1 (Fail) · on black 12.05:1 (AAA)
- #FFEAFC color page →
text
#FFEAFC
- RGB
- rgb(255 234 252)
- HSL
- hsl(309 100% 96%)
- OKLCH
- oklch(0.959 0.033 330.4)
WCAG contrast: on white 1.13:1 (Fail) · on black 18.42:1 (AAA)
Export Classic Hibiscus Signal: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #15030a;
--surface: #510e2b;
--muted: #830e40;
--primary: #b83170;
--secondary: #e16e99;
--accent: #ffaccf;
--text: #ffeafc;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #15030a;
--color-surface: #510e2b;
--color-muted: #830e40;
--color-primary: #b83170;
--color-secondary: #e16e99;
--color-accent: #ffaccf;
--color-text: #ffeafc;
}JSON (DTCG tokens)
{
"classic-hibiscus-signal-7dx": {
"bg": {
"$type": "color",
"$value": "#15030a"
},
"surface": {
"$type": "color",
"$value": "#510e2b"
},
"muted": {
"$type": "color",
"$value": "#830e40"
},
"primary": {
"$type": "color",
"$value": "#b83170"
},
"secondary": {
"$type": "color",
"$value": "#e16e99"
},
"accent": {
"$type": "color",
"$value": "#ffaccf"
},
"text": {
"$type": "color",
"$value": "#ffeafc"
}
}
}About this palette
Classic Hibiscus Signal is a 7-color OKLCH-ready palette tagged red, warm, 7 colors. Hex values: #15030A, #510E2B, #830E40, #B83170, #E16E99, #FFACCF, #FFEAFC. APCA contrast score Lc 9.8. 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 Classic Hibiscus Signal by OKLab color distance.