Teal orange and blue palette

Complementary navy, gray and orange color palette

The Teal orange and blue palette brings together blue, light teal, light orange, and orange. Linear gradient, 7 colors at 135°: #04435f, #1a618b, #448cb5, #7eb1c0, #acc1b0, #e0af8f, #ff8b5f. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#04435f
#1a618b
#448cb5
#7eb1c0
#acc1b0
#e0af8f
#ff8b5f

CSS

background: linear-gradient(135deg in oklch, oklch(36.22% 0.0744 234.84) 0.0%, oklch(47.02% 0.0957 240.10) 16.7%, oklch(61.20% 0.0949 235.78) 33.3%, oklch(72.98% 0.0577 217.21) 50.0%, oklch(79.10% 0.0326 151.16) 66.7%, oklch(79.17% 0.0717 54.63) 83.3%, oklch(75.59% 0.1525 41.46) 100.0%);

In these collections

Orange and blue gradients