#4FACFE
#00F2FE
Linear CSS gradient
#019 Malibu Beach Gradient
A bold linear CSS gradient sweeping from left to right, Malibu Beach blends cyan (#4FACFE) and teal (#00F2FE) in 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
#4FACFErgb(79, 172, 254)
#00F2FErgb(0, 242, 254)
CSS code
background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);