#DCABC0
#BCB5F1
#FFC0BD
#F7ECF9
#A273A7Amethyst
#D4A3D4Wisteria
#E9C9E4Thistle
#FDF2F0Smoke
Amethyst & Wisteria Dream is a pastel light, monochromatic color palette tagged muted, romantic, purple. All four colors sit within 15° of hue, so the scheme reads as one color explored across light and dark. The colors are light and airy, which suits friendly, soft-spoken brands. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Amethyst | #A273A7 | rgb(162, 115, 167) | hsl(294, 23%, 55%) | oklch(62.1% 0.093 323) | |
| Wisteria | #D4A3D4 | rgb(212, 163, 212) | hsl(300, 36%, 74%) | oklch(77.6% 0.087 326) | |
| Thistle | #E9C9E4 | rgb(233, 201, 228) | hsl(309, 42%, 85%) | oklch(87.1% 0.051 331) | |
| Smoke | #FDF2F0 | rgb(253, 242, 240) | hsl(9, 76%, 97%) | oklch(96.9% 0.012 30) |
Why it works and how to use it
With 3 chromatic colors, Thistle takes the lead while the rest support. Lightness runs from 55% to 97%. Well suited to social media templates and gentle interfaces.
- Background: Smoke (#FDF2F0) is the lightest color, so it belongs on large surfaces.
- Text: Amethyst (#A273A7) on #FDF2F0 gives 3.45:1, enough for large headings only.
- Primary: Thistle (#E9C9E4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Wisteria (#D4A3D4) 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 Amethyst & Wisteria Dream
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
#A273A7
#D4A3D4
#E9C9E4
#FDF2F0
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#A273A7 on #FDF2F0 | Aa | 3.45:1 | AA large only |
#A273A7 on #E9C9E4 | Aa | 2.51:1 | Fail |
#D4A3D4 on #FDF2F0 | Aa | 1.92:1 | Fail |
#A273A7 on #D4A3D4 | Aa | 1.8:1 | Fail |
#D4A3D4 on #E9C9E4 | Aa | 1.4:1 | Fail |
#E9C9E4 on #FDF2F0 | Aa | 1.37:1 | Fail |
Similar palettes 24 more in this mood
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#A19DB1
#E2A5CD
#E8C6F3
#E6EBFF
#784C7B
#B98CB6
#E8C2D5
#F6EFE8
#B76E79
#E8A0A6
#F4C8C8
#FDF2F0
#FFE9EC
#E9C5B9
#D4BFF1
#C293B7
#DFB8FA
#B1E7E9
#AEBEE7
#FDFDFD
#FFAFCC
#BDE0FE
#CDB4DB
#FFFFFF
#3D3B6B
#6D6CA6
#B9B8E3
#F2F1FB
#7167A3
#B49AD6
#DBB1E1
#F7C7E1
#C8A9B3
#C5B6EC
#FECDFC
#E2EBFF
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#FFF8F7
#FFD6CD
#FAB9AB
#CD8A7D
#612E47
#9B5D79
#DDAEC0
#F2F1FB
#D2A9C7
#90C7F5
#D8C5EE
#EDF0FF
#CC9CA3
#F4CAC7
#AD7D8A
#F7F1E8
#FFF3EC
#F8D0EC
#ECB2E6
#675064
#F3EDFF
#C5B4F9
#9182A3
#605C64
#343042
#6F6483
#CCA6E1
#FDF8FF
#FFF0F5
#FFB3D4
#D7919C
#9A8C91
#FBF7EF
#EAD9B8
#B3A1E5
#3A3226
#EEAFE0
#FFD1CB
#FFF8F1
#FFEEAC
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA