#F5FBF9
#D4E3DE
#374B00
#0A1100
#271329Raisin
#684471Eggplant
#7AA06EMoss
#F2EFE9Linen
Dark Eggplant & Moss is a complementary color palette tagged dark, muted, black. Raisin and Linen sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #271329 | rgb(39, 19, 41) | hsl(295, 37%, 12%) | oklch(22.6% 0.050 324) | |
| Eggplant | #684471 | rgb(104, 68, 113) | hsl(288, 25%, 35%) | oklch(44.5% 0.084 319) | |
| Moss | #7AA06E | rgb(122, 160, 110) | hsl(106, 21%, 53%) | oklch(66.4% 0.083 138) | |
| Linen | #F2EFE9 | rgb(242, 239, 233) | hsl(40, 26%, 93%) | oklch(95.3% 0.009 85) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (93% down to 12% lightness). A natural fit for websites, presentations and branding.
- Background: Linen (#F2EFE9) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#271329) on #F2EFE9 gives 15.1:1, passing WCAG AAA.
- Primary: Eggplant (#684471) is the most saturated mid-tone; use it for buttons and links (6.89:1 against the background, fine for UI elements).
- Accent: Moss (#7AA06E) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Linen at 15.1:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Dark Eggplant & Moss
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
#271329
#684471
#7AA06E
#F2EFE9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#271329 on #F2EFE9 | Aa | 15.1:1 | AAA |
#684471 on #F2EFE9 | Aa | 6.89:1 | AA |
#271329 on #7AA06E | Aa | 5.85:1 | AA |
#684471 on #7AA06E | Aa | 2.67:1 | Fail |
#7AA06E on #F2EFE9 | Aa | 2.58:1 | Fail |
#271329 on #684471 | Aa | 2.19:1 | Fail |
Similar palettes 24 more in this mood
#FFAEA7
#1E1913
#6E5A48
#EEEEEE
#29171F
#6C4A56
#D28894
#F2E9F7
#D9BC7A
#FCF9EC
#253C57
#03080E
#C3D2FF
#006556
#131200
#F0F0F0
#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
#211525
#634665
#886B91
#E0E1DD
#121128
#464A64
#837581
#D4CBC6