#FFF8F0
#FFD2CB
#FF819E
#1B3240
#383838Onyx
#DDFE94Butter
#FFAED3Cotton Candy
#EEEEEEFrost
Fuchsia Butter & Cotton Candy is a split color palette tagged modern, pink, white. The hues span about 106°, enough contrast to create a focal point without the harshness of true complements. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Onyx | #383838 | rgb(56, 56, 56) | hsl(0, 0%, 22%) | oklch(34.1% 0.000 0) | |
| Butter | #DDFE94 | rgb(221, 254, 148) | hsl(79, 98%, 79%) | oklch(95.0% 0.137 123) | |
| Cotton Candy | #FFAED3 | rgb(255, 174, 211) | hsl(333, 100%, 84%) | oklch(83.9% 0.105 351) | |
| Frost | #EEEEEE | rgb(238, 238, 238) | hsl(0, 0%, 93%) | oklch(94.9% 0.000 0) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Cotton Candy to lead. Lightness runs from 22% to 93%. Well suited to websites, presentations and branding.
- Background: Butter (#DDFE94) is the lightest color, so it belongs on large surfaces.
- Text: Onyx (#383838) on #DDFE94 gives 10.43:1, passing WCAG AAA.
- Primary: Cotton Candy (#FFAED3) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Frost (#EEEEEE) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Onyx on Butter at 10.43:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Fuchsia Butter & Cotton Candy
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
#383838
#DDFE94
#FFAED3
#EEEEEE
Color-blind check: under tritanopia, Butter and Frost 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 |
|---|---|---|---|
#383838 on #DDFE94 | Aa | 10.43:1 | AAA |
#383838 on #EEEEEE | Aa | 10.11:1 | AAA |
#383838 on #FFAED3 | Aa | 6.84:1 | AA |
#DDFE94 on #FFAED3 | Aa | 1.53:1 | Fail |
#FFAED3 on #EEEEEE | Aa | 1.48:1 | Fail |
#DDFE94 on #EEEEEE | Aa | 1.03:1 | Fail |
Similar palettes 24 more in this mood
#00272F
#FF9898
#E5E5E5
#FDFDFD
#3B2F0D
#7D602F
#EC9388
#FFF7F2
#ECF1F7
#FF2A6C
#4E6074
#222A32
#D7263D
#FFFFFF
#F9C5D1
#2E7D5B
#655B57
#F36893
#C3A7A5
#FFF1E6
#00977C
#FF69B4
#FFB6D9
#FFF0F7
#00B4B4
#008E90
#F5F0E1
#FD94A5
#FAFAF8
#D9D9D4
#FF9B97
#1E1E1C
#FFFFFF
#FFD6E8
#FF2E88
#1A1A1A
#FF75AC
#FFB1D4
#1A305D
#FAFAFD
#D3363D
#FF8474
#FFD9D4
#FAFAFA
#002A2C
#048F7B
#F983B2
#FFF3E0
#FFF8F9
#FBE1E7
#E75480
#2D1F26
#003F4D
#007C91
#EA88B0
#E6FAFC
#2C2C30
#606068
#FF90A0
#FAFAFC
#1F4E79
#B76885
#A9D6E5
#EAF6FB
#EDEFF5
#FFA1AF
#00A3AF
#000F13
#FFC4C1
#F2F7FF
#30372E
#9D8100
#0083AF
#FDFDFD
#F9C5D1
#2E7D5B
#FFA8C1
#9A71CB
#6664B4
#D7F4FF
#9B6F00
#FDFDFD
#F9C5D1
#2E7D5B
#FFC7C4
#00A754
#F0F0F7
#0F0B00
#0F5C63
#2A8A8C
#9FD3CF
#F2F1EA