Asphalt

#130a06

Deep cool gray, sharper than Balsamico warmth

Save
Share

About Asphalt

Asphalt is darker than it looks in isolation, pull it next to or and you'll see it's actually lighter, more obviously gray. It's the first shade in this family that stops trying to hide its temperature. There's no brown whisper, no negotiation. Just a cool, nearly featureless dark that sits closer to true neutral than anything around it.

Reach for this when you need maximum visual weight without warmth, data dashboards, dark code editors, financial software where the background has to recede but can't introduce any earthiness into your interface. It works harder in minimalist dark mode designs because there's nothing competing for attention, nothing warm to fight your cool accents. Unlike Black Sheep (which vanishes entirely) or (which carries that faint brown backbone), Asphalt reads as intentionally cool gray, not almost-black.

Pair it with bright type and cool-leaning UI elements and it disappears exactly how you want. The danger: sitting it next to warmer grays in the same product makes it feel colder than it actually is. Keep your palette consistent in temperature and you won't notice the shift.

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

On Gray 100 #f5f5f5

Aa
17.94:1AAA

On Gray 900 #18181b

Aa
1.10:1Fail

On Black #000000

Aa
1.07: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

#130d07
#0c0c0c
#0b0b0b
#0e0702
#12110e

Create a gradient with Asphalt

Open the generator with this color pre-loaded.

Start creating