#30CFD0
#330867
Linear CSS gradient
#022 Morpheus Den Gradient
A vivid linear CSS gradient flowing upward from bottom to top, Morpheus Den blends teal (#30CFD0) and indigo (#330867) in two colour stops.
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
#30CFD0rgb(48, 207, 208)
#330867rgb(51, 8, 103)
CSS code
background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);