#A694D2
#BF768E
#6879A2
#724370
#C898D0Wisteria
#7DA693Pewter
#636144Umber
#664C73Dusk
Faded Wisteria & Dusk is a complementary color palette tagged vintage, retro, muted. Near-complementary hues (about 139° 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 |
|---|---|---|---|---|---|
| Wisteria | #C898D0 | rgb(200, 152, 208) | hsl(291, 37%, 71%) | oklch(74.3% 0.095 322) | |
| Pewter | #7DA693 | rgb(125, 166, 147) | hsl(152, 19%, 57%) | oklch(69.0% 0.053 165) | |
| Umber | #636144 | rgb(99, 97, 68) | hsl(56, 19%, 33%) | oklch(48.6% 0.044 105) | |
| Dusk | #664C73 | rgb(102, 76, 115) | hsl(280, 20%, 37%) | oklch(45.9% 0.069 314) |
Why it works and how to use it
With 4 chromatic colors, Pewter takes the lead while the rest support. Lightness runs from 33% to 71%. Well suited to websites, presentations and branding.
- Background: Wisteria (#C898D0) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#664C73) on #C898D0 gives 3.11:1, enough for large headings only.
- Primary: Pewter (#7DA693) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Umber (#636144) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Faded Wisteria & Dusk
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
#C898D0
#7DA693
#636144
#664C73
Color-blind check: under tritanopia, Umber and Dusk 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 |
|---|---|---|---|
#C898D0 on #664C73 | Aa | 3.11:1 | AA large only |
#7DA693 on #664C73 | Aa | 2.72:1 | Fail |
#C898D0 on #636144 | Aa | 2.66:1 | Fail |
#7DA693 on #636144 | Aa | 2.33:1 | Fail |
#636144 on #664C73 | Aa | 1.17:1 | Fail |
#C898D0 on #7DA693 | Aa | 1.14:1 | Fail |
Similar palettes 24 more in this mood
#585881
#4F748D
#B69ED1
#8FB2F0
#026579
#229393
#70BEA6
#9DC2DE
#5D6038
#9D7E6C
#7590C2
#82B0E6
#7071CC
#00918B
#4E91D5
#4EBBDB
#9AD3FF
#64E1AB
#00CBC3
#008BA3
#008B6D
#6C8B38
#00CFCB
#86D894
#A1CC93
#AAA9C7
#BA955A
#7C7A95
#A17669
#B1809F
#BE8A57
#EEA1AD
#475C4E
#BEA5CC
#CCC49F
#CDC3D7
#814160
#5C609A
#886E88
#B7ABCA
#3B684F
#855D7A
#B47798
#88BA9B
#6D5B3A
#6F658B
#678962
#BAB3E4
#825A7D
#C27C6A
#D598A7
#CEAA85
#3B8185
#C29D9B
#57B9BF
#E5ACB2
#DA99BB
#6FBEC0
#B79281
#246D72
#0D7580
#846160
#BA8B86
#8FB5BA
#CAAB80
#B193A4
#A46268
#874A2D
#3F777C
#76B7BD
#EFE2C7
#FFFAF0
#874658
#A0584E
#94856B
#DCA885
#116A7B
#CDC2AE
#ECE5C7
#C2DEDC
#3D405B
#81B29A
#F2CC8F
#F4F1DE
#245E63
#5A9AA0
#D7CBB0
#F5F0E6
#5D4037
#8D6E63
#BCAAA4
#EFEBE9