Palette · 10 colors · Lc 8.4
Very Berry Noir palette
Very Berry Noir: a 10-color palette (Red, Warm, 10 Colors). HEX, RGB, HSL and OKLCH for #F1DAE4, #F6BDE3, #E2A3DD, #D370C5, #D45AA5, #B83784, #961755, #710037, #50062F, #2C0822, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F1DAE4
surface
#F6BDE3
muted
#E2A3DD
primary
#D370C5
secondary
#D45AA5
accent
#B83784
highlight
#961755
border
#710037
focus
#50062F
text
#2C0822
Colors in Very Berry Noir: HEX, RGB, HSL & OKLCH
- #F1DAE4 color page →
bg
#F1DAE4
- RGB
- rgb(241 218 228)
- HSL
- hsl(334 45% 90%)
- OKLCH
- oklch(0.91 0.028 349.5)
WCAG contrast: on white 1.32:1 (Fail) · on black 15.88:1 (AAA)
- #F6BDE3 color page →
surface
#F6BDE3
- RGB
- rgb(246 189 227)
- HSL
- hsl(320 76% 85%)
- OKLCH
- oklch(0.861 0.081 339.1)
WCAG contrast: on white 1.57:1 (Fail) · on black 13.30:1 (AAA)
- #E2A3DD color page →
muted
#E2A3DD
- RGB
- rgb(226 163 221)
- HSL
- hsl(305 52% 76%)
- OKLCH
- oklch(0.794 0.106 329.2)
WCAG contrast: on white 1.99:1 (Fail) · on black 10.51:1 (AAA)
- #D370C5 color page →
primary
#D370C5
- RGB
- rgb(211 112 197)
- HSL
- hsl(308 53% 63%)
- OKLCH
- oklch(0.686 0.162 332.7)
WCAG contrast: on white 3.04:1 (Fail) · on black 6.89:1 (AA)
- #D45AA5 color page →
secondary
#D45AA5
- RGB
- rgb(212 90 165)
- HSL
- hsl(323 59% 59%)
- OKLCH
- oklch(0.645 0.174 345.2)
WCAG contrast: on white 3.61:1 (Fail) · on black 5.80:1 (AA)
- #B83784 color page →
accent
#B83784
- RGB
- rgb(184 55 132)
- HSL
- hsl(324 54% 47%)
- OKLCH
- oklch(0.55 0.182 348)
WCAG contrast: on white 5.36:1 (AA) · on black 3.91:1 (Fail)
- #961755 color page →
highlight
#961755
- RGB
- rgb(150 23 85)
- HSL
- hsl(331 73% 34%)
- OKLCH
- oklch(0.448 0.167 357.6)
WCAG contrast: on white 8.23:1 (AAA) · on black 2.55:1 (Fail)
- #710037 color page →
border
#710037
- RGB
- rgb(113 0 55)
- HSL
- hsl(331 100% 22%)
- OKLCH
- oklch(0.355 0.143 1.2)
WCAG contrast: on white 11.95:1 (AAA) · on black 1.75:1 (Fail)
- #50062F color page →
focus
#50062F
- RGB
- rgb(80 6 47)
- HSL
- hsl(327 86% 17%)
- OKLCH
- oklch(0.288 0.11 353.5)
WCAG contrast: on white 14.91:1 (AAA) · on black 1.40:1 (Fail)
- #2C0822 color page →
text
#2C0822
- RGB
- rgb(44 8 34)
- HSL
- hsl(317 69% 10%)
- OKLCH
- oklch(0.211 0.069 340.6)
WCAG contrast: on white 18.02:1 (AAA) · on black 1.16:1 (Fail)
Export Very Berry Noir: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1dae4;
--surface: #f6bde3;
--muted: #e2a3dd;
--primary: #d370c5;
--secondary: #d45aa5;
--accent: #b83784;
--highlight: #961755;
--border: #710037;
--focus: #50062f;
--text: #2c0822;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1dae4;
--color-surface: #f6bde3;
--color-muted: #e2a3dd;
--color-primary: #d370c5;
--color-secondary: #d45aa5;
--color-accent: #b83784;
--color-highlight: #961755;
--color-border: #710037;
--color-focus: #50062f;
--color-text: #2c0822;
}JSON (DTCG tokens)
{
"very-berry-noir-hw": {
"bg": {
"$type": "color",
"$value": "#f1dae4"
},
"surface": {
"$type": "color",
"$value": "#f6bde3"
},
"muted": {
"$type": "color",
"$value": "#e2a3dd"
},
"primary": {
"$type": "color",
"$value": "#d370c5"
},
"secondary": {
"$type": "color",
"$value": "#d45aa5"
},
"accent": {
"$type": "color",
"$value": "#b83784"
},
"highlight": {
"$type": "color",
"$value": "#961755"
},
"border": {
"$type": "color",
"$value": "#710037"
},
"focus": {
"$type": "color",
"$value": "#50062f"
},
"text": {
"$type": "color",
"$value": "#2c0822"
}
}
}About this palette
Very Berry Noir is a 10-color OKLCH-ready palette tagged red, warm, 10 colors. Hex values: #F1DAE4, #F6BDE3, #E2A3DD, #D370C5, #D45AA5, #B83784, #961755, #710037, #50062F, #2C0822. 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 Very Berry Noir by OKLab color distance.