Navy, orange and cream bold palette

Navy, blue, orange and beige color palette

The Navy, orange and cream bold palette brings together dark blue, blue, orange, and pale orange. Linear swatches, 5 colors at 90°: #101d3a, #244a85, #f16424, #ff9c43, #f5e2c8. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#101d3a
#244a85
#f16424
#ff9c43
#f5e2c8

CSS

background: linear-gradient(90deg, oklch(23.62% 0.0593 264.37) 0.000% 20.000%, oklch(41.34% 0.1089 259.09) 20.000% 40.000%, oklch(67.32% 0.1874 41.75) 40.000% 60.000%, oklch(77.95% 0.1550 58.66) 60.000% 80.000%, oklch(92.13% 0.0400 75.57) 80.000% 100.000%);

In these collections

Bold swatches