Palette · 8 colors · Lc 9.4
Very Berry Orchard palette
Very Berry Orchard: a 8-color palette (Red, Warm, UI System, 8 Colors). HEX, RGB, HSL and OKLCH for #F7F7F7, #E9DFE4, #E4CCD8, #DA91B6, #BA3C83, #9A2853, #692731, #26151D, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7F7F7
surface
#E9DFE4
muted
#E4CCD8
primary
#DA91B6
secondary
#BA3C83
accent
#9A2853
highlight
#692731
text
#26151D
Colors in Very Berry Orchard: HEX, RGB, HSL & OKLCH
- #F7F7F7 color page →
bg
#F7F7F7
- RGB
- rgb(247 247 247)
- HSL
- hsl(0 0% 97%)
- OKLCH
- oklch(0.976 0 0)
WCAG contrast: on white 1.07:1 (Fail) · on black 19.60:1 (AAA)
- #E9DFE4 color page →
surface
#E9DFE4
- RGB
- rgb(233 223 228)
- HSL
- hsl(330 19% 89%)
- OKLCH
- oklch(0.913 0.013 345.5)
WCAG contrast: on white 1.30:1 (Fail) · on black 16.14:1 (AAA)
- #E4CCD8 color page →
muted
#E4CCD8
- RGB
- rgb(228 204 216)
- HSL
- hsl(330 31% 85%)
- OKLCH
- oklch(0.869 0.031 346.1)
WCAG contrast: on white 1.50:1 (Fail) · on black 13.92:1 (AAA)
- #DA91B6 color page →
primary
#DA91B6
- RGB
- rgb(218 145 182)
- HSL
- hsl(330 50% 71%)
- OKLCH
- oklch(0.741 0.1 348)
WCAG contrast: on white 2.41:1 (Fail) · on black 8.70:1 (AAA)
- #BA3C83 color page →
secondary
#BA3C83
- RGB
- rgb(186 60 131)
- HSL
- hsl(326 51% 48%)
- OKLCH
- oklch(0.558 0.176 349.6)
WCAG contrast: on white 5.16:1 (AA) · on black 4.06:1 (Fail)
- #9A2853 color page →
accent
#9A2853
- RGB
- rgb(154 40 83)
- HSL
- hsl(337 59% 38%)
- OKLCH
- oklch(0.468 0.153 2.4)
WCAG contrast: on white 7.49:1 (AAA) · on black 2.80:1 (Fail)
- #692731 color page →
highlight
#692731
- RGB
- rgb(105 39 49)
- HSL
- hsl(351 46% 28%)
- OKLCH
- oklch(0.372 0.095 13.7)
WCAG contrast: on white 10.85:1 (AAA) · on black 1.93:1 (Fail)
- #26151D color page →
text
#26151D
- RGB
- rgb(38 21 29)
- HSL
- hsl(332 29% 12%)
- OKLCH
- oklch(0.222 0.031 350.2)
WCAG contrast: on white 17.39:1 (AAA) · on black 1.20:1 (Fail)
Export Very Berry Orchard: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7f7f7;
--surface: #e9dfe4;
--muted: #e4ccd8;
--primary: #da91b6;
--secondary: #ba3c83;
--accent: #9a2853;
--highlight: #692731;
--text: #26151d;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7f7f7;
--color-surface: #e9dfe4;
--color-muted: #e4ccd8;
--color-primary: #da91b6;
--color-secondary: #ba3c83;
--color-accent: #9a2853;
--color-highlight: #692731;
--color-text: #26151d;
}JSON (DTCG tokens)
{
"very-berry-orchard-519": {
"bg": {
"$type": "color",
"$value": "#f7f7f7"
},
"surface": {
"$type": "color",
"$value": "#e9dfe4"
},
"muted": {
"$type": "color",
"$value": "#e4ccd8"
},
"primary": {
"$type": "color",
"$value": "#da91b6"
},
"secondary": {
"$type": "color",
"$value": "#ba3c83"
},
"accent": {
"$type": "color",
"$value": "#9a2853"
},
"highlight": {
"$type": "color",
"$value": "#692731"
},
"text": {
"$type": "color",
"$value": "#26151d"
}
}
}About this palette
Very Berry Orchard is a 8-color OKLCH-ready palette tagged red, warm, ui system, 8 colors. Hex values: #F7F7F7, #E9DFE4, #E4CCD8, #DA91B6, #BA3C83, #9A2853, #692731, #26151D. APCA contrast score Lc 9.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 Orchard by OKLab color distance.