#692390
#5E6891
#4194F1
#DBD6FF
#A26ACDAmethyst
#CB5A8FMulberry
#6F5FCCSlate Blue
#763070Purple
Nordic Slate Blue & Mulberry is a split color palette tagged vibrant, purple. A split scheme: Amethyst plays against Purple across roughly 83° of hue. 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 |
|---|---|---|---|---|---|
| Amethyst | #A26ACD | rgb(162, 106, 205) | hsl(274, 50%, 61%) | oklch(62.4% 0.154 309) | |
| Mulberry | #CB5A8F | rgb(203, 90, 143) | hsl(332, 52%, 57%) | oklch(62.4% 0.154 353) | |
| Slate Blue | #6F5FCC | rgb(111, 95, 204) | hsl(249, 52%, 59%) | oklch(55.6% 0.163 287) | |
| Purple | #763070 | rgb(118, 48, 112) | hsl(305, 42%, 33%) | oklch(43.1% 0.129 331) |
Why it works and how to use it
It works because the lightness steps are gentle (33% to 61%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.
- Background: Amethyst (#A26ACD) is the lightest color, so it belongs on large surfaces.
- Text: Purple (#763070) on #A26ACD gives 2.26:1, so pair it with a darker neutral for body copy.
- Primary: Mulberry (#CB5A8F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate Blue (#6F5FCC) 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 Slate Blue & Mulberry
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
#A26ACD
#CB5A8F
#6F5FCC
#763070
Color-blind check: under protanopia, Amethyst and Slate Blue 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 |
|---|---|---|---|
#A26ACD on #763070 | Aa | 2.26:1 | Fail |
#CB5A8F on #763070 | Aa | 2.22:1 | Fail |
#6F5FCC on #763070 | Aa | 1.72:1 | Fail |
#A26ACD on #6F5FCC | Aa | 1.31:1 | Fail |
#CB5A8F on #6F5FCC | Aa | 1.29:1 | Fail |
#A26ACD on #CB5A8F | Aa | 1.02:1 | Fail |
Similar palettes 24 more in this mood
#0ACAF9
#00C5C1
#005BAE
#4C37A8
#4B537A
#892680
#1CA6FF
#D1B6F9
#7D4B71
#AA76BD
#C0A1FF
#E59CB9
#68709B
#9271DA
#639EC2
#84B8FF
#845070
#4BA4F2
#CA95ED
#CDD2FF
#0085AA
#6B819E
#AE8DBC
#B4B0FF
#96BAFE
#8F7CCD
#00939A
#005D7F
#6A3C63
#5F6FA3
#BCABD8
#BBD7EB
#FFB9E6
#3AA1F5
#A26DCA
#2B287A
#BEB6FF
#5596F8
#0099C7
#774384
#2346A2
#005F8E
#7168AA
#00A9C8
#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
#574276
#595D6D
#9E819B
#EBA3B8
#002E6E
#1A73D4
#6D93E8
#9DC6FF