#FF5858
#F09819
Linear CSS gradient
#102 Happy Memories Gradient
Happy Memories is a bold linear CSS gradient built from red (#FF5858) and orange (#F09819) across two colour stops.
The electric, high-saturation hues deliver instant visual impact and give any interface an energetic, forward-looking edge.
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
#FF5858rgb(255, 88, 88)
#F09819rgb(240, 152, 25)
CSS code
background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);