Galaxy Spin CSS Gradient

A space, purple, dark conic gradient you can drop into any project. Copy the CSS below and use it as a background for hero sections, cards, buttons, or full pages.

The CSS

background-color: oklch(0.114 0.058 307.182);
background-image: conic-gradient(from 0deg, oklch(0.36 0.176 296.259), oklch(0.42 0.19 308.038), oklch(0.576 0.194 321.59), oklch(0.744 0.116 321.55), oklch(0.36 0.176 296.259));

The colors

The colors this gradient blends between. Open any of them for a full breakdown — shades, harmonies, and contrast.

Tags:spacepurpledarkConic

Related gradients

Nebula
Plum Velvet
Deep Space
Plum Shadow
Deep Sea Cone
Berry Twist
Aurora Slice
Midnight Prism

More gradient tools

Browse the full gallery of CSS gradients, build animated backgrounds with the Shader Maker, or generate soft multi-color backgrounds with the Mesh Gradient Generator.