Palette · 4 colors · Lc 8.9
Muted Grape Circuit palette
Muted Grape Circuit: a 4-color palette (Red, Warm, 4 Colors). HEX, RGB, HSL and OKLCH for #F1EAF0, #C284AA, #6B3257, #0B0708, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1EAF0
surface
#C284AA
accent
#6B3257
text
#0B0708
Colors in Muted Grape Circuit: HEX, RGB, HSL & OKLCH
- #F1EAF0 color page →
bg
#F1EAF0
- RGB
- rgb(241 234 240)
- HSL
- hsl(309 20% 93%)
- OKLCH
- oklch(0.944 0.011 330.1)
WCAG contrast: on white 1.18:1 (Fail) · on black 17.76:1 (AAA)
- #C284AA color page →
surface
#C284AA
- RGB
- rgb(194 132 170)
- HSL
- hsl(323 34% 64%)
- OKLCH
- oklch(0.687 0.091 342.4)
WCAG contrast: on white 2.92:1 (Fail) · on black 7.17:1 (AAA)
- #6B3257 color page →
accent
#6B3257
- RGB
- rgb(107 50 87)
- HSL
- hsl(321 36% 31%)
- OKLCH
- oklch(0.406 0.095 342.5)
WCAG contrast: on white 9.46:1 (AAA) · on black 2.21:1 (Fail)
- #0B0708 color page →
text
#0B0708
- RGB
- rgb(11 7 8)
- HSL
- hsl(345 22% 4%)
- OKLCH
- oklch(0.135 0.008 359.9)
WCAG contrast: on white 20.03:1 (AAA) · on black 1.04:1 (Fail)
Export Muted Grape Circuit: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1eaf0;
--surface: #c284aa;
--accent: #6b3257;
--text: #0b0708;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1eaf0;
--color-surface: #c284aa;
--color-accent: #6b3257;
--color-text: #0b0708;
}JSON (DTCG tokens)
{
"muted-grape-circuit-2x": {
"bg": {
"$type": "color",
"$value": "#f1eaf0"
},
"surface": {
"$type": "color",
"$value": "#c284aa"
},
"accent": {
"$type": "color",
"$value": "#6b3257"
},
"text": {
"$type": "color",
"$value": "#0b0708"
}
}
}About this palette
Muted Grape Circuit is a 4-color OKLCH-ready palette tagged red, warm, 4 colors. Hex values: #F1EAF0, #C284AA, #6B3257, #0B0708. 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 Muted Grape Circuit by OKLab color distance.