Palette · 4 colors · Lc 8.7
Low Grape Noir palette
Low Grape Noir: a 4-color palette (Red, Warm, Monochromatic, 4 Colors). HEX, RGB, HSL and OKLCH for #10030A, #6B3158, #BE80A3, #F2E8ED, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- Monochromatic
- 4 Colors
bg
#10030A
surface
#6B3158
accent
#BE80A3
text
#F2E8ED
Colors in Low Grape Noir: HEX, RGB, HSL & OKLCH
- #10030A color page →
bg
#10030A
- RGB
- rgb(16 3 10)
- HSL
- hsl(328 68% 4%)
- OKLCH
- oklch(0.13 0.033 345)
WCAG contrast: on white 20.20:1 (AAA) · on black 1.03:1 (Fail)
- #6B3158 color page →
surface
#6B3158
- RGB
- rgb(107 49 88)
- HSL
- hsl(320 37% 31%)
- OKLCH
- oklch(0.405 0.097 341.5)
WCAG contrast: on white 9.52:1 (AAA) · on black 2.20:1 (Fail)
- #BE80A3 color page →
accent
#BE80A3
- RGB
- rgb(190 128 163)
- HSL
- hsl(326 32% 62%)
- OKLCH
- oklch(0.674 0.089 344.9)
WCAG contrast: on white 3.08:1 (Fail) · on black 6.80:1 (AA)
- #F2E8ED color page →
text
#F2E8ED
- RGB
- rgb(242 232 237)
- HSL
- hsl(330 28% 93%)
- OKLCH
- oklch(0.94 0.013 345.5)
WCAG contrast: on white 1.19:1 (Fail) · on black 17.54:1 (AAA)
Export Low Grape Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #10030a;
--surface: #6b3158;
--accent: #be80a3;
--text: #f2e8ed;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #10030a;
--color-surface: #6b3158;
--color-accent: #be80a3;
--color-text: #f2e8ed;
}JSON (DTCG tokens)
{
"low-grape-noir-18y": {
"bg": {
"$type": "color",
"$value": "#10030a"
},
"surface": {
"$type": "color",
"$value": "#6b3158"
},
"accent": {
"$type": "color",
"$value": "#be80a3"
},
"text": {
"$type": "color",
"$value": "#f2e8ed"
}
}
}About this palette
Low Grape Noir is a 4-color OKLCH-ready palette tagged red, warm, monochromatic, 4 colors. Hex values: #10030A, #6B3158, #BE80A3, #F2E8ED. APCA contrast score Lc 8.7. 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 Low Grape Noir by OKLab color distance.