#00CDAC
#8DDAD5
Linear CSS gradient
Crystalline
Crystalline combines teal (#00CDAC) and teal (#8DDAD5) in a vivid two colour stops linear CSS gradient.
Vivid and dynamic, the saturated palette commands attention and communicates confidence across any viewport.
Works well for sports and fitness apps, brand campaign pages, digital art portfolios. Copy the CSS snippet below and apply it directly — no preprocessor or build step required.
Color palette
ColorHEXRGB
#00CDACrgb(0, 205, 172)
#8DDAD5rgb(141, 218, 213)
CSS code
background-image: linear-gradient(-20deg, #00cdac 0%, #8ddad5 100%);