#7C4EB5
#EC483E
#FF85B0
#F590EC
#FFACC1Cotton Candy
#F86DCDHot Pink
#D7716BTerracotta
#B25EC6Amethyst
Hot Pink & Amethyst Muse is a vivid split color palette tagged sunset, gradient, vibrant. A split scheme: Cotton Candy plays against Amethyst across roughly 75° 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 |
|---|---|---|---|---|---|
| Cotton Candy | #FFACC1 | rgb(255, 172, 193) | hsl(345, 100%, 84%) | oklch(83.0% 0.100 3) | |
| Hot Pink | #F86DCD | rgb(248, 109, 205) | hsl(319, 91%, 70%) | oklch(73.3% 0.200 341) | |
| Terracotta | #D7716B | rgb(215, 113, 107) | hsl(3, 57%, 63%) | oklch(66.4% 0.129 25) | |
| Amethyst | #B25EC6 | rgb(178, 94, 198) | hsl(288, 48%, 57%) | oklch(62.0% 0.172 320) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a soft light-to-dark ladder (84% down to 57% lightness). A natural fit for websites, presentations and branding.
- Background: Cotton Candy (#FFACC1) is the lightest color, so it belongs on large surfaces.
- Text: Amethyst (#B25EC6) on #FFACC1 gives 2.25:1, so pair it with a darker neutral for body copy.
- Primary: Hot Pink (#F86DCD) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Terracotta (#D7716B) 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 Hot Pink & Amethyst Muse
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
#FFACC1
#F86DCD
#D7716B
#B25EC6
Color-blind check: under tritanopia, Hot Pink and Terracotta 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 |
|---|---|---|---|
#FFACC1 on #B25EC6 | Aa | 2.25:1 | Fail |
#FFACC1 on #D7716B | Aa | 1.84:1 | Fail |
#F86DCD on #B25EC6 | Aa | 1.52:1 | Fail |
#FFACC1 on #F86DCD | Aa | 1.48:1 | Fail |
#F86DCD on #D7716B | Aa | 1.25:1 | Fail |
#D7716B on #B25EC6 | Aa | 1.22:1 | Fail |
Similar palettes 24 more in this mood
#FF8FA6
#B587D7
#E26E4D
#BE389F
#FFB2CE
#F89782
#EE4D68
#9C1084
#F789FF
#E067A4
#8359C7
#BC0B3A
#A22B8D
#C35734
#E26670
#FF77AE
#742EA2
#D0307B
#E25AD0
#FFBFBC
#981A69
#AD1F03
#FF6A89
#FC83FF
#9E004A
#972926
#813E93
#C05C9F
#8935B6
#B41772
#CC59C0
#FF7389
#9D50A6
#D53A43
#F8789F
#FFB7E2
#CD5973
#DD5634
#C181DD
#FFAADF
#77318D
#A9424F
#C94697
#FB7634
#8D366E
#9D63E8
#CD8BD6
#FF9FB5
#B62E8E
#FF9597
#F2ADF8
#FFB8CB
#B7426B
#D87300
#FFAC9F
#F8C13F
#FFC26F
#FF896D
#E17D30
#A9233F
#397700
#C88C00
#BCB600
#FFC9AC
#3A1C71
#D76D77
#FFAF7B
#FFE5B4
#00705F
#9FB100
#4CE26B
#FBCF64
#904F00
#8AC337
#D0C700
#EEBD58
#4A2F85
#F2858E
#FFD4B9
#FFF9EF
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC
#9E3B3E
#9F5900
#F68357
#FBBA36
#3D0C11
#D80032
#F78CA2
#F9DEC9