#F5FBF9
#D4E3DE
#374B00
#0A1100
#29171FRaisin
#6C4A56Eggplant
#D28894Terracotta
#F2E9F7Lavender
Quiet Terracotta & Eggplant is a split color palette tagged dark, muted, minimal. A split scheme: Raisin plays against Lavender across roughly 71° of hue. Saturation is moderate, which keeps it flexible for both interfaces and print. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #29171F | rgb(41, 23, 31) | hsl(333, 28%, 13%) | oklch(23.2% 0.032 352) | |
| Eggplant | #6C4A56 | rgb(108, 74, 86) | hsl(339, 19%, 36%) | oklch(45.0% 0.049 356) | |
| Terracotta | #D28894 | rgb(210, 136, 148) | hsl(350, 45%, 68%) | oklch(70.6% 0.092 9) | |
| Lavender | #F2E9F7 | rgb(242, 233, 247) | hsl(279, 47%, 94%) | oklch(94.5% 0.021 314) |
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 (94% down to 13% lightness). A natural fit for websites, presentations and branding.
- Background: Lavender (#F2E9F7) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#29171F) on #F2E9F7 gives 14.37:1, passing WCAG AAA.
- Primary: Terracotta (#D28894) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Eggplant (#6C4A56) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Lavender at 14.37:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Quiet Terracotta & Eggplant
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
#29171F
#6C4A56
#D28894
#F2E9F7
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#29171F on #F2E9F7 | Aa | 14.37:1 | AAA |
#6C4A56 on #F2E9F7 | Aa | 6.46:1 | AA |
#29171F on #D28894 | Aa | 6.22:1 | AA |
#6C4A56 on #D28894 | Aa | 2.79:1 | Fail |
#D28894 on #F2E9F7 | Aa | 2.31:1 | Fail |
#29171F on #6C4A56 | Aa | 2.23:1 | Fail |
Similar palettes 24 more in this mood
#FFAEA7
#1E1913
#6E5A48
#EEEEEE
#D9BC7A
#FCF9EC
#253C57
#03080E
#DEF5F9
#7798AC
#37583B
#171F0C
#006F5B
#F4EDE4
#D9C2AD
#1A1A1A
#000000
#3A3A3A
#D4AF37
#F2F2F2
#3E2723
#6D4C41
#A1887F
#EFEBE9
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#1C2541
#465D79
#5BC0BE
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#14101F
#4D4365
#8E6BFF
#EEE9FF
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#0D1A14
#385645
#6DBF8A
#E8F3EC
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#141210
#4D4742
#C97B3A
#F2EAE2
#0B0A12
#393751
#A78BFA
#ECE9FE
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#121128
#464A64
#837581
#D4CBC6
#050505
#373737
#AA5C00
#FDFDFD
#F5EDEF
#BB4770
#5A4449
#140B0D
#F8EEE8
#DB7900
#584332
#140902