Palette · 8 colors · Lc 8.4
Hibiscus Archive palette
Hibiscus Archive: a 8-color palette (Red, Warm, 8 Colors). HEX, RGB, HSL and OKLCH for #F1E1EA, #EFB6DB, #D782C4, #D45EA8, #B82B73, #8D0540, #59072D, #340721, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1E1EA
surface
#EFB6DB
muted
#D782C4
primary
#D45EA8
secondary
#B82B73
accent
#8D0540
highlight
#59072D
text
#340721
Colors in Hibiscus Archive: HEX, RGB, HSL & OKLCH
- #F1E1EA color page →
bg
#F1E1EA
- RGB
- rgb(241 225 234)
- HSL
- hsl(326 36% 91%)
- OKLCH
- oklch(0.925 0.021 342.5)
WCAG contrast: on white 1.25:1 (Fail) · on black 16.69:1 (AAA)
- #EFB6DB color page →
surface
#EFB6DB
- RGB
- rgb(239 182 219)
- HSL
- hsl(321 64% 83%)
- OKLCH
- oklch(0.839 0.081 339.9)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.38:1 (AAA)
- #D782C4 color page →
muted
#D782C4
- RGB
- rgb(215 130 196)
- HSL
- hsl(313 52% 68%)
- OKLCH
- oklch(0.718 0.133 335.6)
WCAG contrast: on white 2.66:1 (Fail) · on black 7.87:1 (AAA)
- #D45EA8 color page →
primary
#D45EA8
- RGB
- rgb(212 94 168)
- HSL
- hsl(322 58% 60%)
- OKLCH
- oklch(0.651 0.17 344.3)
WCAG contrast: on white 3.51:1 (Fail) · on black 5.96:1 (AA)
- #B82B73 color page →
secondary
#B82B73
- RGB
- rgb(184 43 115)
- HSL
- hsl(329 62% 45%)
- OKLCH
- oklch(0.533 0.187 354.5)
WCAG contrast: on white 5.78:1 (AA) · on black 3.63:1 (Fail)
- #8D0540 color page →
accent
#8D0540
- RGB
- rgb(141 5 64)
- HSL
- hsl(334 93% 29%)
- OKLCH
- oklch(0.416 0.164 4.9)
WCAG contrast: on white 9.42:1 (AAA) · on black 2.22:1 (Fail)
- #59072D color page →
highlight
#59072D
- RGB
- rgb(89 7 45)
- HSL
- hsl(332 85% 19%)
- OKLCH
- oklch(0.306 0.116 360)
WCAG contrast: on white 14.06:1 (AAA) · on black 1.49:1 (Fail)
- #340721 color page →
text
#340721
- RGB
- rgb(52 7 33)
- HSL
- hsl(325 76% 12%)
- OKLCH
- oklch(0.225 0.078 349.6)
WCAG contrast: on white 17.52:1 (AAA) · on black 1.19:1 (Fail)
Export Hibiscus Archive: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1e1ea;
--surface: #efb6db;
--muted: #d782c4;
--primary: #d45ea8;
--secondary: #b82b73;
--accent: #8d0540;
--highlight: #59072d;
--text: #340721;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1e1ea;
--color-surface: #efb6db;
--color-muted: #d782c4;
--color-primary: #d45ea8;
--color-secondary: #b82b73;
--color-accent: #8d0540;
--color-highlight: #59072d;
--color-text: #340721;
}JSON (DTCG tokens)
{
"hibiscus-archive-3jz": {
"bg": {
"$type": "color",
"$value": "#f1e1ea"
},
"surface": {
"$type": "color",
"$value": "#efb6db"
},
"muted": {
"$type": "color",
"$value": "#d782c4"
},
"primary": {
"$type": "color",
"$value": "#d45ea8"
},
"secondary": {
"$type": "color",
"$value": "#b82b73"
},
"accent": {
"$type": "color",
"$value": "#8d0540"
},
"highlight": {
"$type": "color",
"$value": "#59072d"
},
"text": {
"$type": "color",
"$value": "#340721"
}
}
}About this palette
Hibiscus Archive is a 8-color OKLCH-ready palette tagged red, warm, 8 colors. Hex values: #F1E1EA, #EFB6DB, #D782C4, #D45EA8, #B82B73, #8D0540, #59072D, #340721. APCA contrast score Lc 8.4. 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 Archive by OKLab color distance.