#2B0F54
#AB1F65
#FF4F69
#FFF7F8
#3A0546Space
#B31D33Chili
#FD5B03Neon Orange
#FFF7F8Snow
Cherry Neon Orange & Chili is a vivid split color palette tagged retro, dark, vibrant. A split scheme: Space plays against Neon Orange across roughly 92° 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 |
|---|---|---|---|---|---|
| Space | #3A0546 | rgb(58, 5, 70) | hsl(289, 87%, 15%) | oklch(25.9% 0.116 319) | |
| Chili | #B31D33 | rgb(179, 29, 51) | hsl(351, 72%, 41%) | oklch(49.8% 0.182 20) | |
| Neon Orange | #FD5B03 | rgb(253, 91, 3) | hsl(21, 98%, 50%) | oklch(67.9% 0.211 40) | |
| Snow | #FFF7F8 | rgb(255, 247, 248) | hsl(353, 100%, 98%) | oklch(98.3% 0.009 9) |
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 (98% down to 15% lightness). A natural fit for websites, presentations and branding.
- Background: Snow (#FFF7F8) is the lightest color, so it belongs on large surfaces.
- Text: Space (#3A0546) on #FFF7F8 gives 15.43:1, passing WCAG AAA.
- Primary: Neon Orange (#FD5B03) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Chili (#B31D33) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Space on Snow at 15.43:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cherry Neon Orange & Chili
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
#3A0546
#B31D33
#FD5B03
#FFF7F8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#3A0546 on #FFF7F8 | Aa | 15.43:1 | AAA |
#B31D33 on #FFF7F8 | Aa | 6.34:1 | AA |
#3A0546 on #FD5B03 | Aa | 5.17:1 | AA |
#FD5B03 on #FFF7F8 | Aa | 2.98:1 | Fail |
#3A0546 on #B31D33 | Aa | 2.43:1 | Fail |
#B31D33 on #FD5B03 | Aa | 2.13:1 | Fail |
Similar palettes 24 more in this mood
#2D4059
#EA5455
#F07B3F
#FFD460
#D62828
#F77F00
#FCBF49
#EAE2B7
#003049
#D62828
#F77F00
#EAE2B7
#13405A
#F14740
#FFA15F
#FFFBE4
#F44942
#FF9B52
#FFE1B0
#FFFBE4
#12195A
#992C90
#F252A7
#FFF7F8
#B22B34
#F2C14E
#2E9CA6
#F4EBD9
#2B2B2B
#E63946
#F1FAEE
#457B9D
#FFAA73
#B88900
#AF5F86
#CD484C
#271D3F
#8E4864
#D6797F
#FCF8F9
#2B2B2B
#D35900
#F1FAEE
#5B75A3
#112D4C
#C64700
#E38F00
#E1E5BA
#F8884B
#FFD487
#A47441
#FFFAED
#D3235A
#FF744A
#FFBA7A
#F4DEB7
#3E3E3E
#FF676A
#F4FDF1
#598FB2
#313579
#6064B1
#FFA954
#F8F6F1
#B3001B
#E63946
#F8E9E9
#1D1D1D
#FF7518
#1A1A1A
#921B00
#F5F5F5
#3F536D
#FF6E6C
#FF9968
#FFF2D3
#2A9D8F
#8AB17D
#E9C46A
#F4A261
#264653
#2A9D8F
#E76F51
#F4A261
#370617
#9D0208
#E85D04
#FAA307
#F9F0F7
#ADD500
#D1B7CC
#291D27