Cola
#3c2f23
Deep cola-brown gray for lower-contrast UI depth
About Cola
Cola is the color that looks almost black until you put it next to actual black, then suddenly you're seeing something warmer and more textured underneath. It's denser than Batch Brew and Creole, which is the whole point, this one doesn't try to recede or settle into the background the way those do. There's actual depth here, the kind that absorbs light without feeling completely flat.
This works in dark mode interfaces, app backgrounds, and premium product design where you want something that feels substantial but won't drain the room. Financial dashboards, media players, design tools, luxury brand sites, anywhere you need a color that reads as serious without the cold precision of Carbon. It won't fight bright type or saturated accents, but it also won't apologize for taking up visual weight the way lighter neutrals do.
Pair it with warm whites or soft gold and it'll feel rich. Push it against cool accent colors and you'll notice the brown undertone working harder to hold its ground, which isn't a weakness, just something to account for if your palette skews heavily toward blues or silvers.
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.