Candy Shop Color Palette
A handful of hard candy: bright red, orange, yellow, and green.
Use as a gradient →
Colors
#F94144
#F3722C
#F8961E
#F9C74F
#90BE6D
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #F94144 | T - | T - | |
| #F3722C | T - | T - | |
| #F8961E | T - | T - | |
| #F9C74F | T - | T - | |
| #90BE6D | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance.
Candy Shop CSS Code
HEX Copy
#F94144 #F3722C #F8961E #F9C74F #90BE6D
RGBA Copy
rgba(249, 65, 68, 1.0) rgba(243, 114, 44, 1.0) rgba(248, 150, 30, 1.0) rgba(249, 199, 79, 1.0) rgba(144, 190, 109, 1.0)
HSLA Copy
hsla(359, 94%, 62%, 1.0) hsla(21, 89%, 56%, 1.0) hsla(33, 94%, 55%, 1.0) hsla(42, 93%, 64%, 1.0) hsla(94, 38%, 59%, 1.0)
More Color Palettes
FAQ
What colors are in the Candy Shop palette?A handful of hard candy: bright red, orange, yellow, and green.
How do I turn the Candy Shop palette into a CSS gradient?
Use
background: linear-gradient(to right, #F94144, #F3722C, #F8961E, #F9C74F, #90BE6D);, or click "Use as a gradient" above to open it in the live generator.