Shade map

Every shade as a dot: light ones at the top, strong ones on the right. Hover to see a name and click to jump to its card.

Light to darkMuted to vivid

77 shades

Grullo#A99A86
Beaver#9F8170
Cinereous#98817B
Copper#B87333
Tuscan Tan#A67B5B
Dark Tan#918151
Chamoisee#A0785A
Dirt#9B7653
Pale Brown#987654
Shadow#8A795D
Ginger#B06500
Drab#967117
brick#9C661F
Redwood#A45A52
Raw Umber#826644
Coconut#965A3E
Spicy Mix#8B5F4D
Grizzly#885818
Brown#964B00
Chestnut#954535
Wenge#645452
Field Drab#6C541E
Russet#80461B
Coffee#6F4E37
Umber#635147
Bole#79443B
Liver#674C47
Rose Ebony#674846
Chocolate#7B3F00
Kobe#882D17
Sepia#704214
Kobicha#6B4423
Dark Brown#654321
Falu Red#801818
UP Maroon#7B1113
Prune#701C1C
Taupe#483C32
Cafe Noir#4B3621
Seal Brown#59260B
Olive Drab#3C341F
Bistre#3D2B1F
Black Bean#3D0C02

About shades of brown

Brown is a dark orange or red with low saturation. It is the color of wood, soil, coffee and chocolate, so it feels natural and solid. Light browns include tan, beige and caramel, and dark browns include espresso and walnut.

How to use this page

The cards show the classic brown color names from light to dark. Press Show more community names to add hundreds of newer names. Use the filters to keep only light, medium or dark shades, or only muted or vivid ones. Click a swatch to add it to your palette at the bottom of the screen, and click a name to open its color page with all codes and matching colors.

To test a shade as text on a background, open the contrast checker. To make a full 50 to 950 scale from one shade, try the Tailwind scale maker. If you want to make a shade with paint, the color mixer can suggest a recipe.