Deep Sea Cone CSS Gradient

A blue, 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.164 0.03 235.056);
background-image: conic-gradient(from 200deg at 50% 50%, oklch(0.286 0.112 264.132), oklch(0.387 0.162 267.018), oklch(0.539 0.136 266.63), oklch(0.635 0.107 264.615), oklch(0.286 0.112 264.132));

The colors

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

#021019 Breakdown
#0c2461 Breakdown
#1e3799 Breakdown
#4a69bd Breakdown
#6a89cc Breakdown

Tags:blue dark Conic

Related gradients

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.