#692390
#5E6891
#4194F1
#DBD6FF
#7D4B71Plum
#AA76BDAmethyst
#C0A1FFWisteria
#E59CB9Flamingo
Nordic Wisteria & Amethyst is a split color palette tagged purple, pink. The hues span about 76°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. Warm and cool hues are mixed, which adds depth.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum | #7D4B71 | rgb(125, 75, 113) | hsl(314, 25%, 39%) | oklch(48.4% 0.086 336) | |
| Amethyst | #AA76BD | rgb(170, 118, 189) | hsl(284, 35%, 60%) | oklch(64.5% 0.118 317) | |
| Wisteria | #C0A1FF | rgb(192, 161, 255) | hsl(260, 100%, 82%) | oklch(77.2% 0.135 298) | |
| Flamingo | #E59CB9 | rgb(229, 156, 185) | hsl(336, 58%, 75%) | oklch(77.2% 0.094 354) |
Why it works and how to use it
It works because the lightness steps are gentle (39% to 82%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Flamingo (#E59CB9) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#7D4B71) on #E59CB9 gives 3.14:1, enough for large headings only.
- Primary: Wisteria (#C0A1FF) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Amethyst (#AA76BD) 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 Nordic Wisteria & Amethyst
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
#7D4B71
#AA76BD
#C0A1FF
#E59CB9
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#7D4B71 on #C0A1FF | Aa | 3.14:1 | AA large only |
#7D4B71 on #E59CB9 | Aa | 3.14:1 | AA large only |
#7D4B71 on #AA76BD | Aa | 1.94:1 | Fail |
#AA76BD on #C0A1FF | Aa | 1.62:1 | Fail |
#AA76BD on #E59CB9 | Aa | 1.62:1 | Fail |
#C0A1FF on #E59CB9 | Aa | 1:1 | Fail |
Similar palettes 24 more in this mood
#68709B
#9271DA
#639EC2
#84B8FF
#A26ACD
#CB5A8F
#6F5FCC
#763070
#845070
#4BA4F2
#CA95ED
#CDD2FF
#0085AA
#6B819E
#AE8DBC
#B4B0FF
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#574276
#595D6D
#9E819B
#EBA3B8
#96BAFE
#8F7CCD
#00939A
#005D7F
#6A3C63
#5F6FA3
#BCABD8
#BBD7EB
#FFB9E6
#3AA1F5
#A26DCA
#2B287A
#BEB6FF
#5596F8
#0099C7
#774384
#2346A2
#005F8E
#7168AA
#00A9C8
#4B537A
#892680
#1CA6FF
#D1B6F9
#6C3284
#B171A2
#AD9FE1
#A8BBFF
#563E5A
#9D7DE4
#98A5D0
#FFB8DE
#0086A6
#4D9184
#37A8F6
#00CCD6
#D1DBF0
#7B9CA4
#7B71A9
#507C99
#00545D
#006E7A
#00C4CE
#3BD9F9
#637700
#527F73
#00A866
#88A680
#004345
#008991
#00B9B8
#00D4CE
#7F9A6D
#009C99
#3F7283
#1F4E3A
#9DE8D2
#00B1B8
#2E7940
#273400
#BDE0FF
#86E6E9
#737F9E
#36555F
#002E6E
#1A73D4
#6D93E8
#9DC6FF