#432818
#99582A
#BB9457
#FFE6A7
#974116Chestnut
#B78953Hazelnut
#D4CD9AOat
#E3F1C5Parchment
Chestnut & Hazelnut Tale is a analogous color palette tagged autumn, warm, earthy. Analogous neighbors on the wheel (Chestnut, Hazelnut, Oat) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Chestnut | #974116 | rgb(151, 65, 22) | hsl(20, 75%, 34%) | oklch(48.3% 0.127 44) | |
| Hazelnut | #B78953 | rgb(183, 137, 83) | hsl(32, 41%, 52%) | oklch(66.3% 0.091 70) | |
| Oat | #D4CD9A | rgb(212, 205, 154) | hsl(53, 40%, 72%) | oklch(84.1% 0.068 101) | |
| Parchment | #E3F1C5 | rgb(227, 241, 197) | hsl(79, 61%, 86%) | oklch(93.6% 0.060 122) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (86% down to 34% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Parchment (#E3F1C5) is the lightest color, so it belongs on large surfaces.
- Text: Chestnut (#974116) on #E3F1C5 gives 5.73:1, passing WCAG AA.
- Primary: Hazelnut (#B78953) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Oat (#D4CD9A) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Chestnut on Parchment at 5.73:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Chestnut & Hazelnut Tale
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#974116
#B78953
#D4CD9A
#E3F1C5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#974116 on #E3F1C5 | Aa | 5.73:1 | AA |
#974116 on #D4CD9A | Aa | 4.22:1 | AA large only |
#B78953 on #E3F1C5 | Aa | 2.63:1 | Fail |
#974116 on #B78953 | Aa | 2.18:1 | Fail |
#B78953 on #D4CD9A | Aa | 1.94:1 | Fail |
#D4CD9A on #E3F1C5 | Aa | 1.36:1 | Fail |
Similar palettes 24 more in this mood
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#3E2723
#8D5524
#E3A857
#FFF3D6
#562523
#B55E4C
#D59C6C
#E7C280
#3B2C23
#86624B
#AD9878
#F5E7C6
#6C5142
#9B745C
#D3B096
#F1E6DB
#826251
#C88E73
#FFC19D
#FFEAD9
#8F5300
#C2862F
#E7E0C1
#FBF6EF
#3D2C11
#8B620E
#A69E58
#E7EFAE
#7D463E
#B56354
#EFA28A
#FDE1D5
#503200
#925A00
#CC8800
#F4DFB3
#4C3224
#8B5B43
#C28967
#F2DDCB
#9A3B3B
#C08261
#E2C799
#F2ECBE
#452620
#9E5241
#C68D61
#FFE3C5
#5A2A0A
#A44A16
#E0782E
#FFD9B8
#644400
#C5701B
#B69A00
#C6CF8F
#8D061D
#6D3D00
#755705
#9A5A3F
#664910
#A25500
#9B8D00
#FF9075
#5D2521
#A74242
#E76E5F
#FFD7C9
#713F21
#BB5F2F
#FF954F
#FFF9F4
#875543
#B7876F
#E9DECF
#F9F6F2
#4E1A2E
#8E3B46
#D48A4B
#F6E7D3
#4A232F
#834642
#C3A88F
#F1ECE4