Navy, teal and champagne elevation palette

The Navy, teal and champagne elevation palette brings together dark blue, blue, teal, green, orange, and off-white. Linear gradient, 32 colors at 90°: #07224a, #116f97, #3f9684, #7f6e48, #f3efe8. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#07224a
#082851
#0c2f59
#103864
#134270
#164d7b
#165885
#14638e
#116f97
#0d7c9e
#0c89a4
#1294a7
#1c9ca6
#269fa2
#309f99
#389b8f
#3f9684
#479078
#4f8b6d
#5a8763
#658157
#70794c
#787246
#7f6e48
#866e4f
#8e745c
#9b836e
#ac9886
#c0b1a2
#d4cabe
#e6e0d7
#f3efe8

CSS

background: linear-gradient(90deg in oklch, oklch(25.98% 0.0813 258.05) 0.0%, oklch(27.96% 0.0832 256.80) 3.2%, oklch(30.68% 0.0858 255.34) 6.5%, oklch(33.91% 0.0890 253.50) 9.7%, oklch(37.41% 0.0922 251.13) 12.9%, oklch(40.94% 0.0952 248.07) 16.1%, oklch(44.26% 0.0975 244.15) 19.4%, oklch(47.50% 0.0992 239.17) 22.6%, oklch(51.10% 0.1008 233.12) 25.8%, oklch(54.78% 0.1022 226.26) 29.0%, oklch(58.24% 0.1031 218.91) 32.3%, oklch(61.16% 0.1033 211.36) 35.5%, oklch(63.25% 0.1026 203.88) 38.7%, oklch(64.19% 0.1006 196.83) 41.9%, oklch(63.98% 0.0974 190.33) 45.2%, oklch(62.97% 0.0931 183.94) 48.4%, oklch(61.52% 0.0883 177.19) 51.6%, oklch(59.99% 0.0833 169.59) 54.8%, oklch(58.73% 0.0784 160.67) 58.1%, oklch(57.99% 0.0741 149.75) 61.3%, oklch(56.93% 0.0701 135.24) 64.5%, oklch(55.69% 0.0663 118.39) 67.7%, oklch(54.70% 0.0624 101.07) 71.0%, oklch(54.42% 0.0582 85.10) 74.2%, oklch(55.28% 0.0537 72.36) 77.4%, oklch(57.74% 0.0485 64.66) 80.6%, oklch(62.58% 0.0421 62.44) 83.9%, oklch(69.28% 0.0348 64.26) 87.1%, oklch(76.88% 0.0272 68.60) 90.3%, oklch(84.40% 0.0201 73.94) 93.5%, oklch(90.85% 0.0140 78.77) 96.8%, oklch(95.28% 0.0096 81.57) 100.0%);

In these collections

Elevation gradients