Skip to content
Lexington ThemesAstro, Sanity and Remotion themes crafted with taste.
DabbitThe color picker & Figma plugin your Mac deserves.

Warm Tones CSS Gradient

A warm, orange, red 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.

CSS
background-image: conic-gradient(from 0deg, oklch(0.755 0.151 38.258), oklch(0.679 0.213 36.532), oklch(0.624 0.2 36.191), oklch(0.536 0.18 35.371), oklch(0.755 0.151 38.258));

The colors

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

Tags

Related gradients

Ember Glow
Sunrise Sweep
Magma Core
Sahara Sand
Warm Flame
Sunset Ring
Magma Ring
Ice & Fire

More gradient tools

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

Lexington ThemesAstro themes crafted with taste.