#4B2C6F
#7E5AA5
#E8B824
#F8F6F1
#66478DDusk
#926DBAAmethyst
#FFD050Saffron
#FCFAF5Snow
Saffron & Amethyst Mood is a complementary color palette tagged retro, purple, yellow. Near-complementary hues (about 137° 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 |
|---|---|---|---|---|---|
| Dusk | #66478D | rgb(102, 71, 141) | hsl(267, 33%, 42%) | oklch(46.4% 0.114 303) | |
| Amethyst | #926DBA | rgb(146, 109, 186) | hsl(269, 36%, 58%) | oklch(60.3% 0.120 305) | |
| Saffron | #FFD050 | rgb(255, 208, 80) | hsl(44, 100%, 66%) | oklch(87.6% 0.151 88) | |
| Snow | #FCFAF5 | rgb(252, 250, 245) | hsl(43, 54%, 97%) | oklch(98.5% 0.007 89) |
Why it works and how to use it
It works because the lightness range is wide (42% to 97%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Snow (#FCFAF5) is the lightest color, so it belongs on large surfaces.
- Text: Dusk (#66478D) on #FCFAF5 gives 7.06:1, passing WCAG AAA.
- Primary: Saffron (#FFD050) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Amethyst (#926DBA) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Dusk on Snow at 7.06:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Saffron & Amethyst Mood
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
#66478D
#926DBA
#FFD050
#FCFAF5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#66478D on #FCFAF5 | Aa | 7.06:1 | AAA |
#66478D on #FFD050 | Aa | 5.05:1 | AA |
#926DBA on #FCFAF5 | Aa | 3.93:1 | AA large only |
#926DBA on #FFD050 | Aa | 2.81:1 | Fail |
#66478D on #926DBA | Aa | 1.8:1 | Fail |
#FFD050 on #FCFAF5 | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#19292F
#71838B
#EEE431
#E9F3F8
#1B242E
#D3BF00
#B7CEE9
#F1F7FE
#EEF2F1
#BFDAD3
#8059BD
#141B1A
#41296E
#C83E7D
#FF8D94
#FFF8F9
#12195A
#992C90
#F252A7
#FFF7F8
#A73F00
#D5CE56
#3D97B7
#F4EBD9
#2D4059
#EA5455
#F07B3F
#FFD460
#12665C
#2A9D8F
#E9C46A
#F7F2E4
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#D62828
#F77F00
#FCBF49
#EAE2B7
#F9F0F7
#ADD500
#D1B7CC
#291D27
#A92E65
#A1602E
#DB81D7
#F79287
#D96C2C
#E9B44C
#8C5E2A
#F5E8C7
#7C8B3C
#C4B454
#D77A3B
#F2E9D4
#F46A9B
#FFD166
#06D6A0
#2B2D42
#2B2B2B
#E63946
#F1FAEE
#457B9D
#13405A
#F14740
#FFA15F
#FFFBE4
#D8AE4F
#8E9700
#44A041
#008E71
#9F4786
#AA5E00
#D56380
#EE7055
#A694D2
#BF768E
#6879A2
#724370
#AFB7FF
#BD9AED
#B577B4
#C45A8F