Orange, emerald and navy energetic palette

Rainbow from orange to navy color palette

The Orange, emerald and navy energetic palette brings together orange, blue, gold, and dark blue. Linear swatches, 4 colors at 90°: #d36f1c, #2270b2, #d6af2a, #152644. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#d36f1c
#2270b2
#d6af2a
#152644

CSS

background: linear-gradient(90deg, oklch(64.57% 0.1530 53.44) 0.000% 25.000%, oklch(53.15% 0.1268 248.58) 25.000% 50.000%, oklch(76.77% 0.1461 91.13) 50.000% 75.000%, oklch(27.17% 0.0593 260.21) 75.000% 100.000%);

In these collections

Energetic swatches