Asphalt
#130a06
Deep cool gray, sharper than Balsamico warmth
About Asphalt
Asphalt is darker than it looks in isolation, pull it next to Balsamico or Burnt Coffee 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 Balsamico (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.
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.