Chocolate Velvet
#7f7453
Deeper chocolate olive for grounded UI sections
About Chocolate Velvet
Chocolate Velvet is what happens when you desaturate a green so completely that the brown takes over, but not quite all the way. It's muted where Boa is assertive, and it sits cooler and less yellow than Capers, which means it reads almost neutral until you look twice. This is a color that stops apologizing for being anything at all.
Use it on heritage sites, craft packaging, and editorial layouts where you need something that recedes without disappearing entirely. It carries body copy cleanly, it pairs with warm blacks and cream, and it won't shift its personality depending on context the way Capers does. Unlike Bay Leaf's studied restraint or Boa's deliberate weight, this one just sits there, stable and unremarkable, which is exactly the point.
The thing: it's darker than almost everything around it, which means it drinks light. If you're building a layout where the background needs to breathe, test it first. But if you want a color that holds type without strain and doesn't announce itself as anything botanical, this is the one.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.