#FF9A8B
#FFB4A2
#FFCDB2
#FFF1E6
#8A3E7APlum
#C17B8FBlush
#F4BCAEMelon
#FFE4D3Champagne
Amber Plum & Blush is a vivid split color palette tagged warm, romantic, purple. A split scheme: Plum plays against Champagne across roughly 70° of hue. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Plum | #8A3E7A | rgb(138, 62, 122) | hsl(313, 38%, 39%) | oklch(48.5% 0.129 336) | |
| Blush | #C17B8F | rgb(193, 123, 143) | hsl(343, 36%, 62%) | oklch(66.2% 0.090 1) | |
| Melon | #F4BCAE | rgb(244, 188, 174) | hsl(12, 76%, 82%) | oklch(84.2% 0.068 34) | |
| Champagne | #FFE4D3 | rgb(255, 228, 211) | hsl(23, 100%, 91%) | oklch(93.6% 0.037 54) |
Why it works and how to use it
With 4 chromatic colors, Melon takes the lead while the rest support. Lightness runs from 39% to 91%. Well suited to websites, presentations and branding.
- Background: Champagne (#FFE4D3) is the lightest color, so it belongs on large surfaces.
- Text: Plum (#8A3E7A) on #FFE4D3 gives 5.67:1, passing WCAG AA.
- Primary: Melon (#F4BCAE) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Blush (#C17B8F) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Plum on Champagne at 5.67:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Amber Plum & Blush
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
#8A3E7A
#C17B8F
#F4BCAE
#FFE4D3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#8A3E7A on #FFE4D3 | Aa | 5.67:1 | AA |
#8A3E7A on #F4BCAE | Aa | 4.15:1 | AA large only |
#C17B8F on #FFE4D3 | Aa | 2.66:1 | Fail |
#8A3E7A on #C17B8F | Aa | 2.13:1 | Fail |
#C17B8F on #F4BCAE | Aa | 1.95:1 | Fail |
#F4BCAE on #FFE4D3 | Aa | 1.37:1 | Fail |
Similar palettes 24 more in this mood
#F7E9DF
#FFC8D4
#E9AFD8
#C29991
#C5988F
#EEA4B6
#EAB287
#E4D2AA
#C2A167
#D292A5
#D9B2AD
#FFEDE2
#FFF8F7
#FFD6CD
#FAB9AB
#CD8A7D
#9B837C
#CDA095
#FAB8AA
#FFDAD3
#E88268
#FFB69D
#7C6350
#F7F3EA
#C6938B
#D8C99A
#FAB3CA
#FFE9D7
#EEAFE0
#FFD1CB
#FFF8F1
#FFEEAC
#E78F73
#EFB2A0
#9E826B
#F2EEDF
#99504F
#F58D7D
#FFC9B9
#FFF8E5
#FFF1B8
#F5D67A
#8A7F63
#3B3A36
#F8C4B1
#E7A390
#CB8575
#A3655A
#9A3B3B
#C08261
#E2C799
#F2ECBE
#CB9F99
#D5C4B9
#FFC6D9
#FFEABB
#B08968
#DDB892
#E6CCB2
#FFF6EA
#6B2D5C
#F0386B
#FF5376
#F8C0C8
#432818
#99582A
#BB9457
#FFE6A7
#FFADAD
#FFD6A5
#FDFFB6
#CAFFBF
#6F1D1B
#BB9457
#99582A
#FFE6A7
#8D5524
#C68642
#E0AC69
#F1C27D
#FFBE98
#F9A98D
#F8D5C2
#FFF4EC
#2C1810
#6E4E3F
#B85C38
#E0C097
#4A0E0E
#9C3F3C
#C85956
#E8D8C4