#D4B693
#B18974
#8E974C
#896F00
#923B0FCedar
#A34E54Chestnut
#AB7FAEStone
#D5A8BCLilac
Sunbaked Cedar & Chestnut is a split color palette tagged boho, warm, brown. The hues span about 84°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Cedar | #923B0F | rgb(146, 59, 15) | hsl(20, 81%, 32%) | oklch(46.6% 0.129 43) | |
| Chestnut | #A34E54 | rgb(163, 78, 84) | hsl(356, 35%, 47%) | oklch(53.1% 0.113 17) | |
| Stone | #AB7FAE | rgb(171, 127, 174) | hsl(296, 22%, 59%) | oklch(65.5% 0.085 324) | |
| Lilac | #D5A8BC | rgb(213, 168, 188) | hsl(333, 35%, 75%) | oklch(77.8% 0.059 350) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (75% down to 32% lightness). A natural fit for websites, presentations and branding.
- Background: Lilac (#D5A8BC) is the lightest color, so it belongs on large surfaces.
- Text: Cedar (#923B0F) on #D5A8BC gives 3.56:1, enough for large headings only.
- Primary: Chestnut (#A34E54) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Stone (#AB7FAE) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Sunbaked Cedar & Chestnut
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
#923B0F
#A34E54
#AB7FAE
#D5A8BC
Color-blind check: under tritanopia, Cedar and Chestnut become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#923B0F on #D5A8BC | Aa | 3.56:1 | AA large only |
#A34E54 on #D5A8BC | Aa | 2.69:1 | Fail |
#923B0F on #AB7FAE | Aa | 2.23:1 | Fail |
#A34E54 on #AB7FAE | Aa | 1.69:1 | Fail |
#AB7FAE on #D5A8BC | Aa | 1.59:1 | Fail |
#923B0F on #A34E54 | Aa | 1.32:1 | Fail |
Similar palettes 24 more in this mood
#7F6000
#B8885D
#B3B96E
#AEE699
#D59E92
#C49935
#855228
#884454
#7B5900
#A6444A
#967960
#EB8D6B
#A44A3F
#D4A373
#DCE3A8
#FBE6C2
#C4A484
#E6D3B3
#A98467
#F7F1E8
#D98C6B
#EFC1A2
#B5A78F
#F8F2EA
#C9971C
#E4C36B
#8A6A44
#F5EEDF
#63BDB2
#D88F7A
#3C7BAC
#966457
#8E4047
#E3A383
#E29FC4
#FBCD80
#C8E385
#94D098
#A8875C
#89792D
#B6565F
#CB90AB
#D0947C
#EFBBF5
#DC8A37
#F8B872
#91654D
#F5EEDF
#DA7DAA
#E29F80
#F0B769
#F7CACA
#E4B141
#FAD981
#9F7E57
#FFFAEE
#8BEACA
#D0DC82
#E3BD60
#457042
#2E5499
#659699
#BF836B
#D8A282
#5CBAA9
#5E99B8
#23737D
#356345
#117469
#4696A5
#73A381
#54A2D9
#FDC76A
#89E5C7
#91C987
#585932
#DFA7AC
#C1A3D3
#81A794
#3EA386
#7E4F5B
#EA8671
#D38BC5
#D5C3EE
#9FD1B2
#65CAE2
#4D978F
#0267A2
#50663F
#906D43
#8DCEAE
#E2D57C