#FF8C00
#FFD23F
#8CC63F
#FFFFFF
#AC205CMagenta
#3E5614Hunter Green
#FFAA74Cantaloupe
#FDFDFDWhite
Bold Magenta & Cantaloupe is a split color palette tagged warm, green, orange. The hues span about 108°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Magenta | #AC205C | rgb(172, 32, 92) | hsl(334, 69%, 40%) | oklch(49.6% 0.179 1) | |
| Hunter Green | #3E5614 | rgb(62, 86, 20) | hsl(82, 62%, 21%) | oklch(41.9% 0.095 128) | |
| Cantaloupe | #FFAA74 | rgb(255, 170, 116) | hsl(23, 100%, 73%) | oklch(81.0% 0.122 53) | |
| White | #FDFDFD | rgb(253, 253, 253) | hsl(0, 0%, 99%) | oklch(99.4% 0.000 0) |
Why it works and how to use it
The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (99% down to 21% lightness). A natural fit for websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#3E5614) on #FDFDFD gives 8.11:1, passing WCAG AAA.
- Primary: Cantaloupe (#FFAA74) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Magenta (#AC205C) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Hunter Green on White at 8.11:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Bold Magenta & Cantaloupe
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
#AC205C
#3E5614
#FFAA74
#FDFDFD
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3E5614 on #FDFDFD | Aa | 8.11:1 | AAA |
#AC205C on #FDFDFD | Aa | 6.63:1 | AA |
#3E5614 on #FFAA74 | Aa | 4.42:1 | AA large only |
#AC205C on #FFAA74 | Aa | 3.61:1 | AA large only |
#FFAA74 on #FDFDFD | Aa | 1.83:1 | Fail |
#AC205C on #3E5614 | Aa | 1.22:1 | Fail |
Similar palettes 24 more in this mood
#E18F00
#FFD166
#8CD790
#FDFDFD
#B22222
#165B33
#F8B229
#FFFFFF
#F94144
#F3722C
#F9C74F
#90BE6D
#C1440E
#E07A5F
#F2CC8F
#F4F1DE
#FFF200
#FFD100
#FF9F1C
#FFFFFF
#F7D8A8
#A5C786
#E5945E
#AEAA73
#ACBD00
#5FCF64
#FBA255
#FFD262
#FF6B8B
#FFD166
#8CD790
#FFFFFF
#8FCD9A
#D32636
#FBBFCC
#FDF9F3
#B9A718
#FF8F59
#B2DC82
#FFC87F
#F4EFE7
#F0BAC5
#EE353E
#91C58A
#7C3300
#A25500
#EB7600
#FCE4EC
#C1E6AA
#C6C978
#ED9018
#C4A24F
#5F7337
#66B87A
#C8B553
#FBB657
#E78300
#FFD335
#131219
#F9F4EC
#FF9F1C
#FFD23F
#FFFFFF
#1B1B1B
#DA8996
#EDD5A0
#A6CEA7
#FDFDFD
#CE403A
#2E6F46
#FFD593
#FAFAFA
#7B3F00
#C98A4B
#00731C
#FFF8E7
#FFF8F0
#FFD6A5
#FF8C42
#2B2D42
#7B5D00
#165B33
#F8B229
#FDFDFD
#F9F3E8
#8DCB8E
#F5AFBE
#DF0A00
#B48800
#F3722C
#F9C74F
#90BE6D