#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#F5EEE6Linen
#E1D3C2Oat
#6B3A5BEggplant
#3A1F33Espresso
Beige & Plum is a split color palette tagged luxury, dark, muted. A split scheme: Linen plays against Espresso across roughly 77° of hue. 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 |
|---|---|---|---|---|---|
| Linen | #F5EEE6 | rgb(245, 238, 230) | hsl(32, 43%, 93%) | oklch(95.2% 0.013 71) | |
| Oat | #E1D3C2 | rgb(225, 211, 194) | hsl(33, 34%, 82%) | oklch(87.4% 0.028 73) | |
| Eggplant | #6B3A5B | rgb(107, 58, 91) | hsl(320, 30%, 32%) | oklch(42.1% 0.083 341) | |
| Espresso | #3A1F33 | rgb(58, 31, 51) | hsl(316, 30%, 17%) | oklch(28.3% 0.052 337) |
Why it works and how to use it
It works because the lightness range is wide (17% to 93%), which gives clear hierarchy between background, content and accents. Try it for premium branding and packaging.
- Background: Linen (#F5EEE6) is the lightest color, so it belongs on large surfaces.
- Text: Espresso (#3A1F33) on #F5EEE6 gives 12.82:1, passing WCAG AAA.
- Primary: Oat (#E1D3C2) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Eggplant (#6B3A5B) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Linen on Espresso at 12.82:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Beige & 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
#F5EEE6
#E1D3C2
#6B3A5B
#3A1F33
Color-blind check: under deuteranopia and tritanopia, Linen and Oat become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F5EEE6 on #3A1F33 | Aa | 12.82:1 | AAA |
#E1D3C2 on #3A1F33 | Aa | 10.04:1 | AAA |
#F5EEE6 on #6B3A5B | Aa | 7.67:1 | AAA |
#E1D3C2 on #6B3A5B | Aa | 6:1 | AA |
#6B3A5B on #3A1F33 | Aa | 1.67:1 | Fail |
#F5EEE6 on #E1D3C2 | Aa | 1.28:1 | Fail |
Similar palettes 24 more in this mood
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#2C2B23
#676347
#7C7BFF
#F2F1EC
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#36301F
#7F704C
#D1BB86
#FBF6E6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#F0F0F0
#7454DD
#574F44
#0E0E0E
#E5E0DA
#CF63FF
#564733
#140E05
#F2EEE8
#8064F0
#89795F
#2A241B
#EFEFEF
#A22DE0
#6A5F52
#222221
#342037
#725071
#A17698
#F0EAF0
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#3C1D1A
#84524E
#AB6E6A
#E2D9CE
#FCF0F2
#99717A
#008F4E
#302024
#1E1A2B
#5A4F6D
#B58FC9
#F2E9F7
#13111A
#4B4659
#8B7ECC
#EDEBF7
#0E0E0E
#434343
#F5B7C4
#FFF7F9
#2A2A2A
#5C5C5C
#D4AF37
#F8F5EE
#343042
#6F6483
#CCA6E1
#FDF8FF
#202020
#595959
#E2C179
#FDFAF2
#030303
#4A4A4A
#ECC753
#FAFAFA
#1C1C1C
#5A5A5A
#FFD9E0
#FFF8FA
#4B292F
#76444C
#CEBCB2
#F7F4F1