Blue Steel CSS Gradient

A blue, gray, cool 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-image: conic-gradient(from 60deg, oklch(0.387 0.025 229.789), oklch(0.454 0.03 228.623), oklch(0.572 0.04 229.025), oklch(0.706 0.027 229.307), oklch(0.387 0.025 229.789));

The colors

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

Tags:bluegraycoolConic

Related gradients

Steel Grey
Monochrome Spin
Deep Sea Cone
Ice & Fire
Sea Breeze
Charcoal Sweep
Ocean Depth
Indigo Rush

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.