Palette · 3 colors · Lc 8.8
Chocolate Velvet Meadow palette
Chocolate Velvet Meadow: a 3-color palette (Green, Gray, Monochromatic, 3 Colors). HEX, RGB, HSL and OKLCH for #F1EFE6, #847754, #080703, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Green
- Gray
- Monochromatic
- 3 Colors
bg
#F1EFE6
accent
#847754
text
#080703
Colors in Chocolate Velvet Meadow: HEX, RGB, HSL & OKLCH
- #F1EFE6 color page →
bg
#F1EFE6
- RGB
- rgb(241 239 230)
- HSL
- hsl(49 28% 92%)
- OKLCH
- oklch(0.951 0.012 96.4)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.22:1 (AAA)
- #847754 color page →
accent
#847754
- RGB
- rgb(132 119 84)
- HSL
- hsl(44 22% 42%)
- OKLCH
- oklch(0.572 0.053 90)
WCAG contrast: on white 4.42:1 (Fail) · on black 4.74:1 (AA)
- #080703 color page →
text
#080703
- RGB
- rgb(8 7 3)
- HSL
- hsl(48 45% 2%)
- OKLCH
- oklch(0.128 0.013 98.6)
WCAG contrast: on white 20.15:1 (AAA) · on black 1.04:1 (Fail)
Export Chocolate Velvet Meadow: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f1efe6;
--accent: #847754;
--text: #080703;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f1efe6;
--color-accent: #847754;
--color-text: #080703;
}JSON (DTCG tokens)
{
"chocolate-velvet-meadow-696": {
"bg": {
"$type": "color",
"$value": "#f1efe6"
},
"accent": {
"$type": "color",
"$value": "#847754"
},
"text": {
"$type": "color",
"$value": "#080703"
}
}
}About this palette
Chocolate Velvet Meadow is a 3-color OKLCH-ready palette tagged green, gray, monochromatic, 3 colors. Hex values: #F1EFE6, #847754, #080703. APCA contrast score Lc 8.8. 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 Chocolate Velvet Meadow by OKLab color distance.