#853310
#B2003C
#A659B4
#FF78C4
#9A002ECranberry
#A83CB4Amethyst
#B66746Clay
#F151AAHot Pink
Berry Hot Pink & Amethyst is a vivid split color palette tagged food, vibrant, warm. A split scheme: Cranberry plays against Hot Pink across roughly 84° 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 |
|---|---|---|---|---|---|
| Cranberry | #9A002E | rgb(154, 0, 46) | hsl(342, 100%, 30%) | oklch(43.6% 0.174 16) | |
| Amethyst | #A83CB4 | rgb(168, 60, 180) | hsl(294, 50%, 47%) | oklch(55.5% 0.200 324) | |
| Clay | #B66746 | rgb(182, 103, 70) | hsl(18, 44%, 49%) | oklch(59.6% 0.112 43) | |
| Hot Pink | #F151AA | rgb(241, 81, 170) | hsl(327, 85%, 63%) | oklch(67.8% 0.213 350) |
Why it works and how to use it
It works because the lightness steps are gentle (30% to 63%), which keeps the mood consistent from edge to edge. Try it for menus and packaging.
- Background: Hot Pink (#F151AA) is the lightest color, so it belongs on large surfaces.
- Text: Cranberry (#9A002E) on #F151AA gives 2.69:1, so pair it with a darker neutral for body copy.
- Primary: Amethyst (#A83CB4) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Clay (#B66746) 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 Berry Hot Pink & Amethyst
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
#9A002E
#A83CB4
#B66746
#F151AA
Color-blind check: under tritanopia, Amethyst and Clay 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 |
|---|---|---|---|
#9A002E on #F151AA | Aa | 2.69:1 | Fail |
#9A002E on #B66746 | Aa | 2.08:1 | Fail |
#9A002E on #A83CB4 | Aa | 1.65:1 | Fail |
#A83CB4 on #F151AA | Aa | 1.64:1 | Fail |
#B66746 on #F151AA | Aa | 1.29:1 | Fail |
#A83CB4 on #B66746 | Aa | 1.26:1 | Fail |
Similar palettes 24 more in this mood
#F94144
#F3722C
#F9C74F
#90BE6D
#9C7500
#DC5657
#FFB161
#FFC4AB
#CDD61D
#FF9600
#499526
#8F6E00
#981E2D
#006E93
#4AF8C9
#FFCBC4
#C4CE00
#F49450
#FF7470
#A47900
#B3001B
#F2A900
#1A1A1A
#FFF5E1
#F23F86
#F8676A
#FFC088
#B3B453
#910039
#A0771C
#E87E00
#FFC0B1
#FFF3B0
#E09F3E
#9E2A2B
#540B0E
#E16700
#D98900
#D5D65B
#67C48E
#F24452
#FFD1DA
#FFF9F4
#75574E
#9C6500
#E26C53
#B89500
#FF9E5E
#983C18
#B16100
#C8567B
#FF9C9B
#B1DA87
#5EDD9C
#B9A900
#9A6700
#874C00
#AB3F00
#7F7300
#AD7E00
#B40064
#A87E00
#C27067
#FFB179
#6E3DA6
#7C6400
#69C0FF
#FFD76A
#D7263D
#F6A5B7
#FFF1E6
#5A3E36
#FF8C00
#FFD23F
#8CC63F
#FFFFFF
#CC2C31
#FFC464
#2A2A2A
#FFFAEF
#FFFBE3
#FFC068
#BC4643
#6E2523
#F54D00
#E77E00
#E7D052
#7AC27F
#FF8863
#FFCD93
#BAB900
#FDFDFD