#7742B2
#F180FF
#FD8BD9
Linear CSS gradient
#174 Sweet Dessert Gradient
Sweet Dessert is a bold linear CSS gradient built from periwinkle (#7742B2), lilac (#F180FF), and rose (#FD8BD9) across 3 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
#7742B2rgb(119, 66, 178)
#F180FFrgb(241, 128, 255)
#FD8BD9rgb(253, 139, 217)
CSS code
background-image: linear-gradient(-225deg, #7742B2 0%, #F180FF 52%, #FD8BD9 100%);