Pumpernickel

#6c462d

Richer pumpernickel brown with warm cocoa undertone

Save
Share

About Pumpernickel

Pumpernickel reads like toasted rye crust under warm light, not a dark espresso note. It's a medium-dark brown with a reddish, bread-heat undertone and a little more softness than the deeper browns nearby. Compared to , it doesn't feel dense or final, it feels usable. Compared to , it's less muted and less chestnut-cocoa, more straight-up baked grain. And vs , it's warmer and richer without going gray-soil.

I reach for it in heritage packaging and label systems where you want warmth but not heaviness. It works well as a background for e-commerce product cards, newsletter headers, and beverage brand UI states where you need a grounded brown that still plays nice with creams. In dashboards, it's the one you reach for when brown should feel baked-in, not austere. Also good for form field accents, pricing pills, and muted illustration fills.

One caution: keep it away from cool grays and bluish whites, or it'll start to look a bit muddy instead of toasty. Pair it with warm parchment, oat tones, and deep amber for the cleanest read.

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

On Gray 100 #f5f5f5

Aa
7.55:1AAA

On Gray 900 #18181b

Aa
2.15:1Fail

On Black #000000

Aa
2.55: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 Pumpernickel

Open the generator with this color pre-loaded.

Start creating