Burnt Coffee
#271b10
Warm cocoa-brown gray for softer, richer contrast
About Burnt Coffee
Burnt Coffee is what happens when you push brown so far down in lightness that it stops trying to be brown at all. It's almost indistinguishable from black until it sits next to actual black, then you catch the warmth underneath, the slight pull toward earth. It reads darker and flatter than Cola, with none of that absorbed-light depth. More locked-down than Creole, less likely to announce itself as a color choice.
Use this in dark interfaces where you need maximum contrast but can't go full black, financial apps, code editors, design tools, anywhere the background needs to recede completely while type and UI elements punch through. It works in premium product sites and dark mode dashboards that skew toward minimalism. Unlike Carbon Fibre's calculated cool neutrality or Creole's insistent warmth, Burnt Coffee sits in that narrow band where brown undertones become almost invisible yet still prevent the coldness you'd get from pure gray.
Pair it with crisp type and bright accents and it disappears. That brown note is so muted you'll forget it's there until you accidentally pull it next to something warm, and suddenly you'll see the slight temperature shift working. It's not a weakness, just worth noting if your accent palette is all cool tones.
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.