Teal and Orange: Deep cyan and stone

Complementary blue, gray and brown color palette

The "Teal and Orange: Deep cyan and stone" palette brings together blue, teal, light gray, and orange. Linear swatches, 6 colors at 270°: #204f68, #34767e, #6aa8af, #c7cdbe, #df8155, #ac4d18. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#204f68
#34767e
#6aa8af
#c7cdbe
#df8155
#ac4d18

CSS

background: linear-gradient(270deg, oklch(40.55% 0.0661 235.55) 0.000% 16.667%, oklch(52.76% 0.0675 204.90) 16.667% 33.333%, oklch(69.29% 0.0648 204.90) 33.333% 50.000%, oklch(83.86% 0.0207 125.64) 50.000% 66.667%, oklch(69.69% 0.1295 45.33) 66.667% 83.333%, oklch(53.54% 0.1392 45.33) 83.333% 100.000%);

In these collections

Teal and orange swatches