#8B5E1E
#AD9FFA
#F3D48A
#FFF8E5
#6B4E1ECoffee
#A791ECWisteria
#E8DCC0Pearl
#F7F3EALinen
Dusty Wisteria & Coffee is a complementary color palette tagged modern, brown, purple. Near-complementary hues (about 147° apart) make this a high-contrast, attention-grabbing combination. 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 |
|---|---|---|---|---|---|
| Coffee | #6B4E1E | rgb(107, 78, 30) | hsl(37, 56%, 27%) | oklch(44.5% 0.075 77) | |
| Wisteria | #A791EC | rgb(167, 145, 236) | hsl(255, 71%, 75%) | oklch(71.2% 0.131 294) | |
| Pearl | #E8DCC0 | rgb(232, 220, 192) | hsl(42, 47%, 83%) | oklch(89.7% 0.039 88) | |
| Linen | #F7F3EA | rgb(247, 243, 234) | hsl(42, 45%, 94%) | oklch(96.5% 0.013 87) |
Why it works and how to use it
It works because the lightness range is wide (27% to 94%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Linen (#F7F3EA) is the lightest color, so it belongs on large surfaces.
- Text: Coffee (#6B4E1E) on #F7F3EA gives 6.94:1, passing WCAG AA.
- Primary: Wisteria (#A791EC) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pearl (#E8DCC0) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Coffee on Linen at 6.94:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Dusty Wisteria & Coffee
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
#6B4E1E
#A791EC
#E8DCC0
#F7F3EA
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#6B4E1E on #F7F3EA | Aa | 6.94:1 | AA |
#6B4E1E on #E8DCC0 | Aa | 5.64:1 | AA |
#6B4E1E on #A791EC | Aa | 2.89:1 | Fail |
#A791EC on #F7F3EA | Aa | 2.4:1 | Fail |
#A791EC on #E8DCC0 | Aa | 1.95:1 | Fail |
#E8DCC0 on #F7F3EA | Aa | 1.23:1 | Fail |
Similar palettes 24 more in this mood
#6B4E1E
#00B8C4
#E8DCC0
#F7F3EA
#1B1B1B
#BF9800
#CC3BB1
#F2F2F2
#6E5700
#7EC26E
#CCFFE7
#FDFDFD
#9D4500
#4B6642
#CDD6B4
#F6F3E9
#3C4B2C
#74814C
#FCBE7B
#FFFBE2
#1B1B1B
#D68B00
#B549D5
#F2F2F2
#2469A5
#C97D5A
#E8C9A8
#F8F1E7
#7A8966
#CECEA4
#F4F9F4
#FFB7BA
#2D2B26
#F1F1F1
#AC4800
#C87CE9
#F0EEEA
#5A5A5A
#FFCEB7
#B88DCD
#B00020
#B28B00
#FFB4AB
#FDFDFD
#BF6664
#293548
#F4F9F2
#E6D59B
#D0423B
#767D50
#EDE6C3
#FDFAF0
#484848
#FFC8AE
#BCABFF
#EEEEEE
#FFA476
#282828
#8335CA
#FAFAFA
#FCF8F4
#F0DAC0
#DE9F7B
#2D2E3A
#497205
#D07A4C
#F1DCC2
#FBF6EF
#A42677
#735831
#E9CAB4
#F6F3E9
#DB956B
#E6BC89
#588B8D
#F8F8F8
#5C8D89
#A7D7C5
#F4F9F4
#F2C57C
#FFF8F0
#FFD2CB
#FF819E
#1B3240
#924A43
#5C6049
#D5D2BF
#F5F3ED
#EEABE1
#BFBAC2
#8784AB
#A96C82