Orange, emerald and navy color palette

Orange, blue, yellow and dark blue color palette

The Orange, emerald and navy color palette brings together orange, teal, yellow, and dark blue. Linear swatches, 4 colors at 90°: #ff691f, #00adbb, #f7e151, #081f77. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#ff691f
#00adbb
#f7e151
#081f77

CSS

background: linear-gradient(90deg, oklch(70.08% 0.1985 42.19) 0.000% 25.000%, oklch(68.11% 0.1163 204.93) 25.000% 50.000%, oklch(90.16% 0.1598 100.31) 50.000% 75.000%, oklch(29.92% 0.1502 265.16) 75.000% 100.000%);

In these collections

Primary color swatches Energetic swatches Happy swatches