#C149F0
#FFD070
#0B0B0F
#FFECE9
#0D0D0DObsidian
#FFEA77Pineapple
#E033E8Neon Pink
#FDFDFDWhite
Candy Neon Pink & Pineapple is a split color palette tagged neon, black, yellow. The hues span about 114°, 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 |
|---|---|---|---|---|---|
| Obsidian | #0D0D0D | rgb(13, 13, 13) | hsl(0, 0%, 5%) | oklch(15.9% 0.000 0) | |
| Pineapple | #FFEA77 | rgb(255, 234, 119) | hsl(51, 100%, 73%) | oklch(93.1% 0.137 99) | |
| Neon Pink | #E033E8 | rgb(224, 51, 232) | hsl(297, 80%, 55%) | oklch(65.8% 0.275 326) | |
| 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 5% lightness). A natural fit for websites, presentations and branding.
- Background: White (#FDFDFD) is the lightest color, so it belongs on large surfaces.
- Text: Obsidian (#0D0D0D) on #FDFDFD gives 19.11:1, passing WCAG AAA.
- Primary: Pineapple (#FFEA77) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Neon Pink (#E033E8) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Obsidian on White at 19.11:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Candy Neon Pink & Pineapple
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
#0D0D0D
#FFEA77
#E033E8
#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 |
|---|---|---|---|
#0D0D0D on #FDFDFD | Aa | 19.11:1 | AAA |
#0D0D0D on #FFEA77 | Aa | 16:1 | AAA |
#0D0D0D on #E033E8 | Aa | 5.38:1 | AA |
#E033E8 on #FDFDFD | Aa | 3.55:1 | AA large only |
#FFEA77 on #E033E8 | Aa | 2.98:1 | Fail |
#FFEA77 on #FDFDFD | Aa | 1.19:1 | Fail |
Similar palettes 24 more in this mood
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#FFF7F9
#EED8E0
#E11D74
#2B1720
#F50037
#30558B
#F1FAEE
#E1BA00
#D62598
#7B2CBF
#FFC300
#FFFFFF
#0D0D0D
#CCFF00
#FF00A8
#FFFFFF
#121826
#8A2BE2
#00FFC6
#F0F0FF
#FFFFFF
#FFD6E8
#FF2E88
#1A1A1A
#050505
#373737
#CF0070
#FDFDFD
#FFF7F9
#EED8E0
#B341D6
#221A2B
#050505
#373737
#3D5AFE
#FFFFFF
#FDFDFD
#737373
#1800A7
#050505
#0D0D0D
#B7FFA2
#FF2F7B
#FDFDFD
#FF006E
#3A86FF
#FFBE0B
#FFFFFF
#00622D
#D70001
#F8EFE0
#E4BF47
#006E21
#D9B220
#250D09
#DD0D24
#12190F
#626C5E
#D30044
#ECF1EA
#111111
#424242
#E444BE
#FAFAFA
#FDFDFD
#E8DDFF
#C355FC
#1A1A1A
#06032F
#1A39FF
#8480FF
#E9EAFF
#0B0C10
#FF3A2A
#3FD2FF
#DDF3FF
#FDFDFD
#FFD8DC
#FF414E
#1A1A1A
#FF1493
#FF69B4
#FFB6C1
#FFF0F5