Home /Compare /Walnut vs Chestnut

Walnut vs Chestnut: What's the Difference?

The main difference between Walnut and Chestnut is hue — Walnut is a warm orange, while Chestnut is a warm red. Walnut and Chestnut are often confused but have distinct differences in hue, saturation, and tone. Walnut (#773F1A) and Chestnut (#954535) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Walnut#773F1A
Chestnut#954535
#773F1ABlended: #864228#954535
ShareSave to PinterestTweet

Walnut vs Chestnut: Key Differences at a Glance

Aspect Walnut Chestnut
BrightnessDark (L=28%) — rich, serious, substantialMedium (L=40%) — balanced, versatile
SaturationModerately saturated (S=64%) — balanced in intensityModerately saturated (S=48%) — balanced in intensity
Hue familyOrangeRed
TemperatureWarmWarm
Hex code#773F1A#954535
RGB119, 63, 26149, 69, 53

Can you use Walnut and Chestnut together?

Chestnut text on Walnut
Walnut text on Chestnut
Contrast Ratio:1.27:1Insufficient Contrast

How to Tell Walnut and Chestnut Apart

  • Look at lightness first: Chestnut is noticeably lighter.
  • Check saturation: Walnut looks more vivid and saturated.
  • Watch the undertone: the hue shifts 14° between them, which changes the perceived temperature.
  • Compare them on a white background to see true saturation, and on black to see true lightness.

Walnut or Chestnut: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

Branding & logos
PickWalnut

Walnut is more saturated (64% HSL vs 48%) so it reads as bolder and more memorable at logo scale, while Chestnut can feel washed out when printed small.

Web UI & body text backgrounds
PickWalnut

Walnut hits a 8.37:1 WCAG contrast against white — safer for text-heavy interfaces — where Chestnut only reaches 6.60:1 and risks failing AA at small body sizes.

Fashion & apparel
PickChestnut

Chestnut is a warm tone that flatters spring/summer collections and warmer skin undertones, while Walnut leans warmer and is better suited to autumn/winter layering.

Interior design & walls
PickChestnut

Chestnut is the more muted of the two (48% saturation) and sits more calmly on large wall surfaces, while Walnut's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Walnut vs Chestnut in Design

Use Walnut for:
Call-to-action buttons
Autumn and harvest themes
Food, citrus, warmth branding
Youthful energetic campaigns
Friendly notification badges
Use Chestnut for:
Alerts, errors, stop states
Sale & promotion banners
Food and beverage packaging
Sports and energy branding
Romantic & bold fashion

Walnut and Chestnut Hex Codes, RGB & HSL

Walnut#773F1A

Walnut (#773F1A) is a dark, moderately saturated orange with a warm undertone — it feels rich, serious, substantial and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Chestnut#954535

Chestnut (#954535) is a medium, moderately saturated red with a warm undertone — it feels balanced, versatile and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Walnut and Chestnut WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Walnut text on white
8.37:1AAA
Sample text preview
Walnut text on black
2.51:1Fail
Sample text preview
Chestnut text on white
6.6:1AA
Sample text preview
Chestnut text on black
3.18:1AA Large
Sample text preview
Walnut text on Chestnut
1.27:1Fail
Sample text preview
Chestnut text on Walnut
1.27:1Fail

More Walnut and Chestnut Comparisons

Walnut vs Chestnut FAQ

What is the difference between walnut and chestnut?+
The main difference between Walnut and Chestnut is hue — Walnut is a warm orange, while Chestnut is a warm red. Walnut and Chestnut are often confused but have distinct differences in hue, saturation, and tone. Walnut (#773F1A) and Chestnut (#954535) each suit different design contexts — understanding their differences helps you choose the right color for your project.
Is walnut darker than chestnut?+
Yes. Walnut is darker, with a lightness of 28% in HSL compared to Chestnut at 40% — a 12-point gap.
Are walnut and chestnut the same color?+
No. Walnut is #773F1A and Chestnut is #954535. They differ by 14° in hue, 12% in lightness, and 16% in saturation.
Which is more saturated, walnut or chestnut?+
Walnut is more saturated. In HSL, Walnut has 64% saturation and Chestnut has 48% — Walnut is the more vivid of the two, while Chestnut reads as more muted.
Is walnut warm or cool?+
Walnut (#773F1A) is a warm orange. Its hue sits at 24° on the color wheel, which places it in the warm range.
Is chestnut warm or cool?+
Chestnut (#954535) is a warm red. Its hue sits at 10° on the color wheel, which places it in the warm range.
Can you use walnut and chestnut together?+
Yes. Walnut (orange) and Chestnut (red) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does walnut belong to?+
Walnut belongs to the orange family. Its HSL is 24°, 64%, 28% — a warm tone within the broader orange group.
What is the hex code for walnut?+
The hex code for Walnut is #773F1A. In RGB, that's rgb(119, 63, 26), and in HSL it's hsl(24, 64%, 28%).
What is the hex code for chestnut?+
The hex code for Chestnut is #954535. In RGB, that's rgb(149, 69, 53), and in HSL it's hsl(10, 48%, 40%).