#B3FFAB
#12FFF7
Linear CSS gradient
#129 Happy Unicorn Gradient
Happy Unicorn is a bold linear CSS gradient flowing upward from bottom to top, built from mint (#B3FFAB) and teal (#12FFF7) across two colour stops.
Saturated to the max, this palette grabs attention fast and keeps it — ideal wherever boldness is a feature, not a bug.
Works well for gaming UIs, nightlife event pages, bold call-to-action sections. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#B3FFABrgb(179, 255, 171)
#12FFF7rgb(18, 255, 247)
CSS code
background-image: linear-gradient(to top, #b3ffab 0%, #12fff7 100%);