Cola

#3c2f23

Deep cola-brown gray for lower-contrast UI depth

Save
Share

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 and , 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 . 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.

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

On Gray 100 #f5f5f5

Aa
11.87:1AAA

On Gray 900 #18181b

Aa
1.37:1Fail

On Black #000000

Aa
1.62: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 Cola

Open the generator with this color pre-loaded.

Start creating