Citrus Splash Color Palette
A sharp, juicy citrus mix of lemon, orange, and lime.
Use as a gradient →
Colors
#FFEA00
#FFC300
#FF8800
#9EF01A
#70E000
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #FFEA00 | T - | T - | |
| #FFC300 | T - | T - | |
| #FF8800 | T - | T - | |
| #9EF01A | T - | T - | |
| #70E000 | 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.
Citrus Splash CSS Code
HEX Copy
#FFEA00 #FFC300 #FF8800 #9EF01A #70E000
RGBA Copy
rgba(255, 234, 0, 1.0) rgba(255, 195, 0, 1.0) rgba(255, 136, 0, 1.0) rgba(158, 240, 26, 1.0) rgba(112, 224, 0, 1.0)
HSLA Copy
hsla(55, 100%, 50%, 1.0) hsla(46, 100%, 50%, 1.0) hsla(32, 100%, 50%, 1.0) hsla(83, 88%, 52%, 1.0) hsla(90, 100%, 44%, 1.0)
More Color Palettes
FAQ
What colors are in the Citrus Splash palette?A sharp, juicy citrus mix of lemon, orange, and lime.
How do I turn the Citrus Splash palette into a CSS gradient?
Use
background: linear-gradient(to right, #FFEA00, #FFC300, #FF8800, #9EF01A, #70E000);, or click "Use as a gradient" above to open it in the live generator.