Velvet Black

#241f20

Deep neutral gray with velvety, cool undertones

Save
Share

About Velvet Black

I think of Velvet Black as the shade that makes a UI look "finished" without adding personality. Next to it reads tighter and a hair more serious, and unlike it doesn't feel simply neutral dark. You can see the difference in how it absorbs the room: it's almost black, but it keeps a controlled gray presence.

Where stays flatter and colder, Velvet Black carries a slightly softer, denser undertone, so dark panels don't look like they were dialed to maximum. It's the one I reach for in dashboards and finance apps where you want density and readability, plus in code-heavy product surfaces like data consoles, admin tools, and monitoring screens that are more about clarity than mood. It also holds up well behind photography thumbnails in media review workflows, so the imagery gets the attention instead of the background.

Pair it with crisp off-whites and muted silver accents; go too warm and it starts to feel less grounded than the gray siblings nearby.

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
16.26:1AAA

On Gray 100 #f5f5f5

Aa
14.91:1AAA

On Gray 900 #18181b

Aa
1.09:1Fail

On Black #000000

Aa
1.29:1Fail

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

Create a gradient with Velvet Black

Open the generator with this color pre-loaded.

Start creating