Terracotta teal and orange palette

Teal, light blue, gray and orange color palette

The Terracotta teal and orange palette brings together teal, light teal, green, and orange. Linear swatches, 4 colors at 90°: #176b70, #72ced0, #7d9b85, #d96c2f. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#176b70
#72ced0
#7d9b85
#d96c2f

CSS

background: linear-gradient(90deg, oklch(48.43% 0.0758 201.09) 0.000% 25.000%, oklch(79.53% 0.0882 196.87) 25.000% 50.000%, oklch(66.14% 0.0469 153.54) 50.000% 75.000%, oklch(64.96% 0.1543 46.81) 75.000% 100.000%);

In these collections

Teal and orange swatches