#5E3A5A
#B65D6B
#F09A5D
#FFD89C
#3F2A56Space
#A04E5CChestnut
#E58B5AMandarin
#FBD48AWheat
Amber Dusk is a complementary color palette tagged sunset, orange. Near-complementary hues (about 130° 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 |
|---|---|---|---|---|---|
| Space | #3F2A56 | rgb(63, 42, 86) | hsl(269, 34%, 25%) | oklch(33.2% 0.079 305) | |
| Chestnut | #A04E5C | rgb(160, 78, 92) | hsl(350, 34%, 47%) | oklch(52.9% 0.109 11) | |
| Mandarin | #E58B5A | rgb(229, 139, 90) | hsl(21, 73%, 63%) | oklch(72.2% 0.127 48) | |
| Wheat | #FBD48A | rgb(251, 212, 138) | hsl(39, 93%, 76%) | oklch(88.7% 0.102 83) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (76% down to 25% lightness). A natural fit for websites, presentations and branding.
- Background: Wheat (#FBD48A) is the lightest color, so it belongs on large surfaces.
- Text: Space (#3F2A56) on #FBD48A gives 8.88:1, passing WCAG AAA.
- Primary: Mandarin (#E58B5A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Chestnut (#A04E5C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Wheat at 8.88:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Amber 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
#3F2A56
#A04E5C
#E58B5A
#FBD48A
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3F2A56 on #FBD48A | Aa | 8.88:1 | AAA |
#3F2A56 on #E58B5A | Aa | 4.87:1 | AA |
#A04E5C on #FBD48A | Aa | 3.98:1 | AA large only |
#3F2A56 on #A04E5C | Aa | 2.23:1 | Fail |
#A04E5C on #E58B5A | Aa | 2.19:1 | Fail |
#E58B5A on #FBD48A | Aa | 1.82:1 | Fail |
Similar palettes 24 more in this mood
#2A1E3F
#85486F
#D9636C
#FFB86B
#FF8FA6
#B587D7
#E26E4D
#BE389F
#77318D
#A9424F
#C94697
#FB7634
#A22B8D
#C35734
#E26670
#FF77AE
#584371
#B5616E
#FB9F6E
#FFF7E8
#4B1263
#D77257
#F1B86B
#F0EBB6
#49264C
#A15143
#D99542
#E6DD8C
#9E3B3E
#9F5900
#F68357
#FBBA36
#3D0C11
#D80032
#F78CA2
#F9DEC9
#981A69
#AD1F03
#FF6A89
#FC83FF
#B7426B
#D87300
#FFAC9F
#F8C13F
#7C4EB5
#EC483E
#FF85B0
#F590EC
#FFC26F
#FF896D
#E17D30
#A9233F
#397700
#C88C00
#BCB600
#FFC9AC
#3A1C71
#D76D77
#FFAF7B
#FFE5B4
#FFACC1
#F86DCD
#D7716B
#B25EC6
#9E004A
#972926
#813E93
#C05C9F
#8935B6
#B41772
#CC59C0
#FF7389
#1A2878
#CE6D9C
#FFAB9E
#FFE2CD
#43375A
#9C5D85
#F87F86
#FFE2C6
#9D50A6
#D53A43
#F8789F
#FFB7E2
#00705F
#9FB100
#4CE26B
#FBCF64
#994F00
#D4B800
#FFC6B7
#FFCE83