Indigo teal golden nostalgia

Muted indigo moves through slate blue and aged teal into warm sand and golden beige along a smooth diagonal gradient. Linear gradient, 32 colors at 45°: #21315d, #4f5e92, #6ca288, #d0b182, #e7c063. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#21315d
#243461
#293866
#2f3d6c
#364273
#3e497a
#444f82
#4b578a
#4f5e92
#526699
#526fa0
#4f78a4
#4982a6
#468ca3
#4a959c
#589d92
#6ca288
#82a580
#97a87c
#a8a97c
#b6ab7e
#c0ad80
#c9af82
#d0b182
#d6b280
#dab47d
#deb679
#e1b974
#e3bb6f
#e4bd6a
#e5be66
#e7c063

CSS

background: linear-gradient(45deg in oklch, oklch(32.28% 0.0813 267.19) 0.0%, oklch(33.58% 0.0816 267.31) 3.2%, oklch(35.25% 0.0820 268.34) 6.5%, oklch(37.23% 0.0826 269.86) 9.7%, oklch(39.45% 0.0832 271.48) 12.9%, oklch(41.84% 0.0839 272.78) 16.1%, oklch(44.33% 0.0844 273.36) 19.4%, oklch(46.87% 0.0848 272.81) 22.6%, oklch(49.37% 0.0850 270.74) 25.8%, oklch(51.78% 0.0848 266.73) 29.0%, oklch(54.02% 0.0843 260.38) 32.3%, oklch(56.11% 0.0832 250.99) 35.5%, oklch(58.23% 0.0812 237.77) 38.7%, oklch(60.39% 0.0785 221.50) 41.9%, oklch(62.54% 0.0753 203.07) 45.2%, oklch(64.66% 0.0720 183.34) 48.4%, oklch(66.72% 0.0688 163.20) 51.6%, oklch(68.70% 0.0660 143.54) 54.8%, oklch(70.57% 0.0638 125.22) 58.1%, oklch(72.31% 0.0626 109.13) 61.3%, oklch(73.87% 0.0626 96.15) 64.5%, oklch(75.24% 0.0641 87.06) 67.7%, oklch(76.44% 0.0673 81.15) 71.0%, oklch(77.49% 0.0720 77.72) 74.2%, oklch(78.41% 0.0779 76.32) 77.4%, oklch(79.21% 0.0845 76.51) 80.6%, oklch(79.91% 0.0915 77.85) 83.9%, oklch(80.51% 0.0986 79.91) 87.1%, oklch(81.04% 0.1053 82.24) 90.3%, oklch(81.50% 0.1113 84.41) 93.5%, oklch(81.91% 0.1163 85.97) 96.8%, oklch(82.28% 0.1199 86.48) 100.0%);

In these collections

Retro gradients