Navy, turquoise and terracotta color palette

The Navy, turquoise and terracotta color palette brings together blue, teal, gold, and orange. Linear swatches, 5 colors at 90°: #102f54, #186f9d, #50b9c0, #f1d06a, #d96b3e. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

• #102f54
• #186f9d
• #50b9c0
• #f1d06a
• #d96b3e

CSS

background: linear-gradient(90deg, oklch(30.31% 0.0772 255.23) 0.000% 20.000%, oklch(51.57% 0.1061 238.33) 20.000% 40.000%, oklch(72.83% 0.0965 201.34) 40.000% 60.000%, oklch(86.61% 0.1268 91.44) 60.000% 80.000%, oklch(64.96% 0.1502 41.77) 80.000% 100.000%);

In these collections

Tropical swatchesSummer swatches

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works