#D4FFEC
#57F2CC
#4596FB
Linear CSS gradient
#169 Supreme Sky Gradient
Supreme Sky blends powder blue (#D4FFEC), teal (#57F2CC), and sky blue (#4596FB) in a soft linear CSS gradient across 3 colour stops.
The low-contrast softness makes this gradient versatile as a background layer — readable and soothing at the same time.
Works well for health and wellness apps, baby product sites, soft UI card backgrounds. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#D4FFECrgb(212, 255, 236)
#57F2CCrgb(87, 242, 204)
#4596FBrgb(69, 150, 251)
CSS code
background-image: linear-gradient(-225deg, #D4FFEC 0%, #57F2CC 48%, #4596FB 100%);