Teal and Orange: Ochre and terracotta

The "Teal and Orange: Ochre and terracotta" palette brings together orange and teal. Linear swatches, 6 colors at 180°: #ffac28, #f58f32, #f25e00, #b4835c, #3a99a2, #005c66. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#ffac28
#f58f32
#f25e00
#b4835c
#3a99a2
#005c66

CSS

background: linear-gradient(180deg, oklch(80.71% 0.1625 72.43) 0.000% 16.667%, oklch(74.41% 0.1598 57.63) 16.667% 33.333%, oklch(66.54% 0.1978 42.81) 33.333% 50.000%, oklch(64.96% 0.0813 59.74) 50.000% 66.667%, oklch(62.99% 0.0882 204.52) 66.667% 83.333%, oklch(43.31% 0.0744 207.70) 83.333% 100.000%);

In these collections

Teal and orange