Van Dyke Brown

#664228

Deep mahogany-brown with warm, slightly muted yellow undertone

Save
Share

About Van Dyke Brown

Van Dyke Brown is the kind of brown that looks like dark cocoa pressed into a warm, matte ink. It reads richly earthy at first glance, but it doesn't tip into the red-brown warmth of , and it avoids the olive edge of Florida's . Compared with , it's less "toasted grain" and more grounded roast, with a slightly lower brightness and a calmer, heavier mood.

I use it when the brown needs to feel steady, not coppery or green-leaning. It's a solid fit for beverage labels, heritage packaging bands, and editorial feature frames where you want a brown that stays cohesive against creams and warm grays. In UI, I reach for it in table headers, product card footers, and form field borders when you want contrast that feels intimate, and the one you reach for when other browns start to drift too red () or too earthy-olive (Florida's ).

Quirk: keep it from sitting next to very bright buttery yellows, or it can look tighter and more severe than you expect; warm sand tones usually keep it relaxed.

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.84:1AAA

On Gray 100 #f5f5f5

Aa
8.11:1AAA

On Gray 900 #18181b

Aa
2.00:1Fail

On Black #000000

Aa
2.37: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 Van Dyke Brown

Open the generator with this color pre-loaded.

Start creating