Teal and Orange: Navy and sage

Navy, gray, beige and peach color palette

The "Teal and Orange: Navy and sage" palette brings together dark blue, light teal, green, pale orange, and light orange. Radial swatches, 5 colors: #172c55, #72ced0, #7d9b86, #ebdebc, #e8b18f. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#172c55
#72ced0
#7d9b86
#ebdebc
#e8b18f

CSS

background: radial-gradient(circle at 50% 50%, oklch(29.92% 0.0799 262.97) 0.000% 20.000%, oklch(79.53% 0.0882 197.45) 20.000% 40.000%, oklch(66.14% 0.0469 154.12) 40.000% 60.000%, oklch(90.16% 0.0469 88.60) 60.000% 80.000%, oklch(80.31% 0.0785 53.73) 80.000% 100.000%);

In these collections

Teal and orange swatches