#D8D1C6
#BEB19C
#233E64
#000A1E
#211525Raisin
#634665Eggplant
#886B91Slate
#E0E1DDAlmond
Slate & Eggplant Tale is a muted monochromatic color palette tagged dark, modern, muted. A monochromatic set: the same hue family from Raisin down to Almond. Saturation stays low across the board, giving it a calm, editorial feel.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #211525 | rgb(33, 21, 37) | hsl(285, 28%, 11%) | oklch(21.9% 0.035 317) | |
| Eggplant | #634665 | rgb(99, 70, 101) | hsl(296, 18%, 34%) | oklch(43.8% 0.062 324) | |
| Slate | #886B91 | rgb(136, 107, 145) | hsl(286, 15%, 49%) | oklch(57.0% 0.067 318) | |
| Almond | #E0E1DD | rgb(224, 225, 221) | hsl(75, 6%, 87%) | oklch(90.8% 0.005 118) |
Why it works and how to use it
The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (87% down to 11% lightness). A natural fit for websites, presentations and branding.
- Background: Almond (#E0E1DD) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#211525) on #E0E1DD gives 13.33:1, passing WCAG AAA.
- Primary: Eggplant (#634665) is the most saturated mid-tone; use it for buttons and links (6.16:1 against the background, fine for UI elements).
- Accent: Slate (#886B91) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Almond at 13.33:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Slate & Eggplant 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
#211525
#634665
#886B91
#E0E1DD
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#211525 on #E0E1DD | Aa | 13.33:1 | AAA |
#634665 on #E0E1DD | Aa | 6.16:1 | AA |
#211525 on #886B91 | Aa | 3.8:1 | AA large only |
#886B91 on #E0E1DD | Aa | 3.51:1 | AA large only |
#211525 on #634665 | Aa | 2.16:1 | Fail |
#634665 on #886B91 | Aa | 1.76:1 | Fail |
Similar palettes 24 more in this mood
#24150D
#654635
#7ABDAA
#D7D3CE
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#121128
#464A64
#837581
#D4CBC6
#0D1321
#34465E
#748CAB
#F0EBD8
#E5E6E6
#F61061
#4E5756
#0E0F0F
#271707
#684B29
#AB8D63
#D3C9B9
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#1E1410
#5B4235
#A57C5B
#E8DCCF
#020B25
#27446D
#C2AE91
#E3E0DB
#121214
#5D6064
#B3CCFF
#E6EEFF
#D1D2D4
#B0B3B8
#0C37C1
#01030D
#09090C
#3C3C44
#CF6274
#DADADC
#F5FBF9
#D4E3DE
#374B00
#0A1100
#D0E3F8
#60799C
#365476
#1A1A18
#EBDED9
#846C60
#634531
#1B140B
#D3E7F1
#7996A6
#00515E
#01151A
#DEF5F9
#7798AC
#37583B
#171F0C
#040404
#313131
#E20C20
#E2E2E2
#FAFAFA
#919191
#81000C
#111111
#EDEEF0
#C9CCD1
#7A5A00
#0B1220