#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#1E1A2BInk
#5A4F6DDusk
#B58FC9Wisteria
#F2E9F7Lavender
Mauve & Ink is a analogous color palette tagged luxury, dark, muted. Analogous neighbors on the wheel (Ink, Wisteria, Lavender) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Ink | #1E1A2B | rgb(30, 26, 43) | hsl(254, 25%, 14%) | oklch(23.1% 0.033 294) | |
| Dusk | #5A4F6D | rgb(90, 79, 109) | hsl(262, 16%, 37%) | oklch(45.0% 0.050 301) | |
| Wisteria | #B58FC9 | rgb(181, 143, 201) | hsl(279, 35%, 67%) | oklch(70.6% 0.093 314) | |
| Lavender | #F2E9F7 | rgb(242, 233, 247) | hsl(279, 47%, 94%) | oklch(94.5% 0.021 314) |
Why it works and how to use it
With 3 chromatic colors, Wisteria takes the lead while the rest support. Lightness runs from 14% to 94%. Well suited to premium branding and packaging.
- Background: Lavender (#F2E9F7) is the lightest color, so it belongs on large surfaces.
- Text: Ink (#1E1A2B) on #F2E9F7 gives 14.36:1, passing WCAG AAA.
- Primary: Wisteria (#B58FC9) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Dusk (#5A4F6D) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Ink on Lavender at 14.36:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Mauve & Ink
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
#1E1A2B
#5A4F6D
#B58FC9
#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 |
|---|---|---|---|
#1E1A2B on #F2E9F7 | Aa | 14.36:1 | AAA |
#5A4F6D on #F2E9F7 | Aa | 6.41:1 | AA |
#1E1A2B on #B58FC9 | Aa | 6.25:1 | AA |
#5A4F6D on #B58FC9 | Aa | 2.79:1 | Fail |
#B58FC9 on #F2E9F7 | Aa | 2.3:1 | Fail |
#1E1A2B on #5A4F6D | Aa | 2.24:1 | Fail |
Similar palettes 24 more in this mood
#F5EEE6
#E1D3C2
#6B3A5B
#3A1F33
#32171F
#75444F
#BDAB86
#F1EDE8
#000000
#3A3A3A
#D4AF37
#F2F2F2
#14101F
#4D4365
#8E6BFF
#EEE9FF
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#F0F0F0
#7454DD
#574F44
#0E0E0E
#EFEFEF
#A22DE0
#6A5F52
#222221
#342037
#725071
#A17698
#F0EAF0
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#0E1B33
#375482
#B08D57
#F2EFE9
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#2C2B23
#676347
#7C7BFF
#F2F1EC
#0F3D3E
#1E6F6F
#C8B89A
#F3EFE7
#13111A
#4B4659
#8B7ECC
#EDEBF7
#0E0E0E
#434343
#F5B7C4
#FFF7F9
#2E2915
#514929
#FED700
#F8F5E8
#2A2A2A
#5C5C5C
#D4AF37
#F8F5EE
#343042
#6F6483
#CCA6E1
#FDF8FF
#202020
#595959
#E2C179
#FDFAF2
#030303
#4A4A4A
#ECC753
#FAFAFA
#1C1C1C
#5A5A5A
#FFD9E0
#FFF8FA
#36301F
#7F704C
#D1BB86
#FBF6E6
#4B292F
#76444C
#CEBCB2
#F7F4F1