Count Chocula

#5e2d10

Richer cocoa brown with warm, cereal-kissed depth

Save
Share

About Count Chocula

Count Chocula sits between and , but it's lighter than both, the moment before espresso hits full saturation, when brown still has some give to it. There's warmth here, definitely, but it's softer and less confrontational than Cold Press. It doesn't demand attention the way darker browns do. It just exists, approachable without being weak.

Reach for it in food packaging where you need brown to feel inviting rather than serious, in dark mode product interfaces where you want depth that doesn't feel heavy, in editorial spreads and restaurant menus where the color should support without dominating. It works as a card background, a sidebar, a button state that feels considered. The lightness makes it more versatile than its darker cousins, pair it with cream, warm gray, or even muted sage and it holds its own. It's the brown that doesn't require a fully warm palette to survive.

The trade-off: next to genuinely cool colors it'll start to muddy slightly, losing some of that approachability. But that's a constraint, not a flaw. This is the color for when you need brown to feel present and warm without asking viewers to commit to an entirely warm color story.

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

On Gray 100 #f5f5f5

Aa
10.36:1AAA

On Gray 900 #18181b

Aa
1.57:1Fail

On Black #000000

Aa
1.86: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.

Create a gradient with Count Chocula

Open the generator with this color pre-loaded.

Start creating