Palette · 6 colors · Lc 8.9
Hibiscus Circuit palette
Hibiscus Circuit: a 6-color palette (Red, Warm, 6 Colors). HEX, RGB, HSL and OKLCH for #D8EFEB, #00A59B, #2F67B2, #AA3D69, #674C00, #070F0F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#D8EFEB
surface
#00A59B
muted
#2F67B2
primary
#AA3D69
accent
#674C00
text
#070F0F
Colors in Hibiscus Circuit: HEX, RGB, HSL & OKLCH
- #D8EFEB color page →
bg
#D8EFEB
- RGB
- rgb(216 239 235)
- HSL
- hsl(170 42% 89%)
- OKLCH
- oklch(0.934 0.025 184.2)
WCAG contrast: on white 1.20:1 (Fail) · on black 17.46:1 (AAA)
- #00A59B color page →
surface
#00A59B
- RGB
- rgb(0 165 155)
- HSL
- hsl(176 100% 32%)
- OKLCH
- oklch(0.65 0.113 187.2)
WCAG contrast: on white 3.06:1 (Fail) · on black 6.85:1 (AA)
- #2F67B2 color page →
muted
#2F67B2
- RGB
- rgb(47 103 178)
- HSL
- hsl(214 58% 44%)
- OKLCH
- oklch(0.515 0.133 256.7)
WCAG contrast: on white 5.66:1 (AA) · on black 3.70:1 (Fail)
- #AA3D69 color page →
primary
#AA3D69
- RGB
- rgb(170 61 105)
- HSL
- hsl(336 47% 45%)
- OKLCH
- oklch(0.525 0.149 358.6)
WCAG contrast: on white 5.86:1 (AA) · on black 3.58:1 (Fail)
- #674C00 color page →
accent
#674C00
- RGB
- rgb(103 76 0)
- HSL
- hsl(44 100% 20%)
- OKLCH
- oklch(0.434 0.089 85)
WCAG contrast: on white 8.04:1 (AAA) · on black 2.61:1 (Fail)
- #070F0F color page →
text
#070F0F
- RGB
- rgb(7 15 15)
- HSL
- hsl(180 36% 4%)
- OKLCH
- oklch(0.16 0.013 196)
WCAG contrast: on white 19.36:1 (AAA) · on black 1.08:1 (Fail)
Export Hibiscus Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #d8efeb;
--surface: #00a59b;
--muted: #2f67b2;
--primary: #aa3d69;
--accent: #674c00;
--text: #070f0f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #d8efeb;
--color-surface: #00a59b;
--color-muted: #2f67b2;
--color-primary: #aa3d69;
--color-accent: #674c00;
--color-text: #070f0f;
}JSON (DTCG tokens)
{
"hibiscus-circuit-6p1": {
"bg": {
"$type": "color",
"$value": "#d8efeb"
},
"surface": {
"$type": "color",
"$value": "#00a59b"
},
"muted": {
"$type": "color",
"$value": "#2f67b2"
},
"primary": {
"$type": "color",
"$value": "#aa3d69"
},
"accent": {
"$type": "color",
"$value": "#674c00"
},
"text": {
"$type": "color",
"$value": "#070f0f"
}
}
}About this palette
Hibiscus Circuit is a 6-color OKLCH-ready palette tagged red, warm, 6 colors. Hex values: #D8EFEB, #00A59B, #2F67B2, #AA3D69, #674C00, #070F0F. APCA contrast score Lc 8.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 Circuit by OKLab color distance.