Chocolate Velvet

#7f7453

Deeper chocolate olive for grounded UI sections

Save
Share

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 is assertive, and it sits cooler and less yellow than , 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 does. Unlike Bay Leaf's studied restraint or '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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
4.64:1AAAAA Large

On Gray 100 #f5f5f5

Aa
4.26:1FailAA Large

On Gray 900 #18181b

Aa
3.82:1FailAA Large

On Black #000000

Aa
4.53:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#7f7755
#857349
#7f735f
#787b54

Create a gradient with Chocolate Velvet

Open the generator with this color pre-loaded.

Start creating