Palette · 7 colors · Lc 8.9
True Grape Riot Bloom palette
True Grape Riot Bloom: a 7-color palette (Red, Warm, Pink, 7 Colors). HEX, RGB, HSL and OKLCH for #EFE5EB, #D3ADD0, #B772AA, #9D4078, #722B50, #501C32, #13090F, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#EFE5EB
surface
#D3ADD0
muted
#B772AA
primary
#9D4078
secondary
#722B50
accent
#501C32
text
#13090F
Colors in True Grape Riot Bloom: HEX, RGB, HSL & OKLCH
- #EFE5EB color page →
bg
#EFE5EB
- RGB
- rgb(239 229 235)
- HSL
- hsl(324 24% 92%)
- OKLCH
- oklch(0.931 0.013 340.6)
WCAG contrast: on white 1.22:1 (Fail) · on black 17.07:1 (AAA)
- #D3ADD0 color page →
surface
#D3ADD0
- RGB
- rgb(211 173 208)
- HSL
- hsl(305 30% 75%)
- OKLCH
- oklch(0.792 0.064 328.7)
WCAG contrast: on white 1.97:1 (Fail) · on black 10.65:1 (AAA)
- #B772AA color page →
muted
#B772AA
- RGB
- rgb(183 114 170)
- HSL
- hsl(311 32% 58%)
- OKLCH
- oklch(0.644 0.114 333.9)
WCAG contrast: on white 3.49:1 (Fail) · on black 6.00:1 (AA)
- #9D4078 color page →
primary
#9D4078
- RGB
- rgb(157 64 120)
- HSL
- hsl(324 42% 43%)
- OKLCH
- oklch(0.514 0.14 346)
WCAG contrast: on white 6.10:1 (AA) · on black 3.43:1 (Fail)
- #722B50 color page →
secondary
#722B50
- RGB
- rgb(114 43 80)
- HSL
- hsl(329 45% 31%)
- OKLCH
- oklch(0.403 0.109 350.7)
WCAG contrast: on white 9.64:1 (AAA) · on black 2.17:1 (Fail)
- #501C32 color page →
accent
#501C32
- RGB
- rgb(80 28 50)
- HSL
- hsl(335 48% 21%)
- OKLCH
- oklch(0.313 0.082 356.5)
WCAG contrast: on white 13.52:1 (AAA) · on black 1.55:1 (Fail)
- #13090F color page →
text
#13090F
- RGB
- rgb(19 9 15)
- HSL
- hsl(324 36% 5%)
- OKLCH
- oklch(0.157 0.021 343)
WCAG contrast: on white 19.55:1 (AAA) · on black 1.07:1 (Fail)
Export True Grape Riot Bloom: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #efe5eb;
--surface: #d3add0;
--muted: #b772aa;
--primary: #9d4078;
--secondary: #722b50;
--accent: #501c32;
--text: #13090f;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #efe5eb;
--color-surface: #d3add0;
--color-muted: #b772aa;
--color-primary: #9d4078;
--color-secondary: #722b50;
--color-accent: #501c32;
--color-text: #13090f;
}JSON (DTCG tokens)
{
"true-grape-riot-bloom-4fx": {
"bg": {
"$type": "color",
"$value": "#efe5eb"
},
"surface": {
"$type": "color",
"$value": "#d3add0"
},
"muted": {
"$type": "color",
"$value": "#b772aa"
},
"primary": {
"$type": "color",
"$value": "#9d4078"
},
"secondary": {
"$type": "color",
"$value": "#722b50"
},
"accent": {
"$type": "color",
"$value": "#501c32"
},
"text": {
"$type": "color",
"$value": "#13090f"
}
}
}About this palette
True Grape Riot Bloom is a 7-color OKLCH-ready palette tagged red, warm, pink, 7 colors. Hex values: #EFE5EB, #D3ADD0, #B772AA, #9D4078, #722B50, #501C32, #13090F. 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 True Grape Riot Bloom by OKLab color distance.