#99504F
#F58D7D
#FFC9B9
#FFF8E5
#9D454FChestnut
#CC7775Terracotta
#F0C4B1Baby Pink
#F8F1E7Linen
Chestnut & Terracotta Tale is a analogous color palette tagged warm, brown, pink. Analogous neighbors on the wheel (Chestnut, Terracotta, Baby Pink) 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 | #9D454F | rgb(157, 69, 79) | hsl(353, 39%, 44%) | oklch(50.8% 0.117 15) | |
| Terracotta | #CC7775 | rgb(204, 119, 117) | hsl(1, 46%, 63%) | oklch(66.1% 0.107 22) | |
| Baby Pink | #F0C4B1 | rgb(240, 196, 177) | hsl(18, 68%, 82%) | oklch(85.4% 0.057 45) | |
| Linen | #F8F1E7 | rgb(248, 241, 231) | hsl(35, 55%, 94%) | oklch(96.1% 0.015 77) |
Why it works and how to use it
It works because the lightness range is wide (44% to 94%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Linen (#F8F1E7) is the lightest color, so it belongs on large surfaces.
- Text: Chestnut (#9D454F) on #F8F1E7 gives 5.51:1, passing WCAG AA.
- Primary: Baby Pink (#F0C4B1) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Terracotta (#CC7775) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Chestnut on Linen at 5.51:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Chestnut & Terracotta 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
#9D454F
#CC7775
#F0C4B1
#F8F1E7
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#9D454F on #F8F1E7 | Aa | 5.51:1 | AA |
#9D454F on #F0C4B1 | Aa | 3.9:1 | AA large only |
#CC7775 on #F8F1E7 | Aa | 2.9:1 | Fail |
#CC7775 on #F0C4B1 | Aa | 2.05:1 | Fail |
#9D454F on #CC7775 | Aa | 1.9:1 | Fail |
#F0C4B1 on #F8F1E7 | Aa | 1.41:1 | Fail |
Similar palettes 24 more in this mood
#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#B08968
#DDB892
#E6CCB2
#FFF6EA
#C1440E
#E07A5F
#F2CC8F
#F4F1DE
#A68A64
#C2B280
#E6DCC3
#FAF7F0
#C9A66B
#E4C590
#F1E3C8
#F9F5EC
#FFF4F6
#FFC9D6
#FFE7A8
#7A5C6B
#FFF3EC
#FFD3BF
#FFB39B
#6E5147
#B5623A
#D9A57C
#A3B18A
#F3EDE4
#9C4A2F
#C97D5A
#E8C9A8
#F8F1E7
#8A4A3C
#C98C7A
#E9C7B0
#F6EFE8
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#5B3F2E
#8B6A4E
#D9C2A0
#F6EFE3
#C4A484
#E6D3B3
#A98467
#F7F1E8
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#8B5E1E
#D9A441
#F3D48A
#FFF8E5
#FFF3F0
#FFAD9B
#AF7941
#665D51
#A65F00
#D7843C
#DED590
#F4F1DE
#F8F8FF
#FF90B3
#C57900
#3D3E3F
#8D5A56
#BBA690
#F297AF
#F7D8CA
#452700
#686265
#FFB9A3
#FFEAEC
#844F38
#BF6E4E
#EFA882
#FFF9F5
#FAF3EC
#E9C9B6
#C97B5B
#6E4A3B