#322A00
#6F5300
#FFCDB2
#FFE9DE
#3A202EEspresso
#684158Eggplant
#D6C89CPutty
#F1F7F3Smoke
Verdant Eggplant & Putty is a split color palette tagged dark, muted, warm. The hues span about 81°, 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 |
|---|---|---|---|---|---|
| Espresso | #3A202E | rgb(58, 32, 46) | hsl(328, 29%, 18%) | oklch(28.3% 0.046 347) | |
| Eggplant | #684158 | rgb(104, 65, 88) | hsl(325, 23%, 33%) | oklch(42.9% 0.063 344) | |
| Putty | #D6C89C | rgb(214, 200, 156) | hsl(46, 41%, 73%) | oklch(83.3% 0.060 93) | |
| Smoke | #F1F7F3 | rgb(241, 247, 243) | hsl(140, 27%, 96%) | oklch(97.1% 0.008 157) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (96% down to 18% lightness). A natural fit for websites, presentations and branding.
- Background: Smoke (#F1F7F3) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#3A202E) on #F1F7F3 gives 13.56:1, passing WCAG AAA.
- Primary: Putty (#D6C89C) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Eggplant (#684158) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Espresso on Smoke at 13.56:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Verdant Eggplant & Putty
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
#3A202E
#684158
#D6C89C
#F1F7F3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3A202E on #F1F7F3 | Aa | 13.56:1 | AAA |
#3A202E on #D6C89C | Aa | 8.84:1 | AAA |
#684158 on #F1F7F3 | Aa | 7.78:1 | AAA |
#684158 on #D6C89C | Aa | 5.07:1 | AA |
#3A202E on #684158 | Aa | 1.74:1 | Fail |
#D6C89C on #F1F7F3 | Aa | 1.53:1 | Fail |
Similar palettes 24 more in this mood
#B9C989
#AC9D68
#75490B
#2C0B00
#481800
#8A533C
#CE8E70
#DFAF96
#3E0A1D
#8B2F4B
#C9A961
#F4ECE4
#FFAEA7
#1E1913
#6E5A48
#EEEEEE
#2A1A12
#704E3C
#9C6B48
#E7D4C1
#976648
#3B1703
#735443
#B9A397
#FFECC7
#FFD094
#7C4738
#3B231D
#30110D
#7B4139
#AE6755
#DAAD88
#3E0A1D
#006638
#C9A961
#F4ECE4
#282234
#765468
#BB7A7C
#E8C199
#32171F
#75444F
#BDAB86
#F1EDE8
#F9F2CF
#CAA779
#834642
#441F1D
#3E2723
#6D4C41
#A1887F
#EFEBE9
#2C1810
#6E4E3F
#B85C38
#E0C097
#4A0E0E
#9C3F3C
#C85956
#E8D8C4
#3A2400
#765D2D
#B58F47
#F5D6A7
#441800
#994617
#C4602E
#E1DBC3
#271707
#684B29
#AB8D63
#D3C9B9
#3C1D1A
#84524E
#AB6E6A
#E2D9CE
#7E4F32
#CB9C85
#8B6B59
#2F1E15
#9B3E00
#D6B800
#1A1A1A
#FFF5E1
#2B1919
#704744
#DAA29F
#E1DAD8
#431408
#9B3516
#CF8A49
#DFD2BD