#9A3B3B
#C08261
#E2C799
#F2ECBE
#4E1A2EEspresso
#8E3B46Brick Red
#D48A4BBronze
#F6E7D3Champagne
Spiced Plum is a analogous color palette tagged autumn, warm, brown. Analogous neighbors on the wheel (Espresso, Brick Red, Bronze) 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 |
|---|---|---|---|---|---|
| Espresso | #4E1A2E | rgb(78, 26, 46) | hsl(337, 50%, 20%) | oklch(30.5% 0.081 359) | |
| Brick Red | #8E3B46 | rgb(142, 59, 70) | hsl(352, 41%, 39%) | oklch(46.7% 0.113 14) | |
| Bronze | #D48A4B | rgb(212, 138, 75) | hsl(28, 61%, 56%) | oklch(69.7% 0.120 59) | |
| Champagne | #F6E7D3 | rgb(246, 231, 211) | hsl(34, 66%, 90%) | oklch(93.5% 0.031 75) |
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 (90% down to 20% lightness). A natural fit for websites, presentations and branding.
- Background: Champagne (#F6E7D3) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#4E1A2E) on #F6E7D3 gives 11.44:1, passing WCAG AAA.
- Primary: Bronze (#D48A4B) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Brick Red (#8E3B46) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Champagne at 11.44:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Spiced Plum
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
#4E1A2E
#8E3B46
#D48A4B
#F6E7D3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#4E1A2E on #F6E7D3 | Aa | 11.44:1 | AAA |
#8E3B46 on #F6E7D3 | Aa | 6.04:1 | AA |
#4E1A2E on #D48A4B | Aa | 4.99:1 | AA |
#8E3B46 on #D48A4B | Aa | 2.63:1 | Fail |
#D48A4B on #F6E7D3 | Aa | 2.29:1 | Fail |
#4E1A2E on #8E3B46 | Aa | 1.9:1 | Fail |
Similar palettes 24 more in this mood
#432818
#99582A
#BB9457
#FFE6A7
#7A4A2E
#B06A3B
#E7A977
#F9E4D0
#A0431F
#D07A4C
#F1DCC2
#FBF6EF
#3E2723
#8D5524
#E3A857
#FFF3D6
#5D2521
#A74242
#E76E5F
#FFD7C9
#562523
#B55E4C
#D59C6C
#E7C280
#3B2C23
#86624B
#AD9878
#F5E7C6
#6C5142
#9B745C
#D3B096
#F1E6DB
#826251
#C88E73
#FFC19D
#FFEAD9
#4A232F
#834642
#C3A88F
#F1ECE4
#8F5300
#C2862F
#E7E0C1
#FBF6EF
#3D2C11
#8B620E
#A69E58
#E7EFAE
#7D463E
#B56354
#EFA28A
#FDE1D5
#77545E
#B47E81
#FBCCA8
#F6EDE1
#503200
#925A00
#CC8800
#F4DFB3
#59403C
#A56B3B
#FFC578
#FFFAED
#4C3224
#8B5B43
#C28967
#F2DDCB
#974116
#B78953
#D4CD9A
#E3F1C5
#452620
#9E5241
#C68D61
#FFE3C5
#5A2A0A
#A44A16
#E0782E
#FFD9B8
#94691E
#B26B7A
#F67664
#FF8725
#644400
#C5701B
#B69A00
#C6CF8F
#8D061D
#6D3D00
#755705
#9A5A3F