Teal into violet depths

Cool navy, teal and blue palette with 48 colors. #031c27, #0b4d56, #187a7d, #3d678a, #4b376c. Edit and export CSS, SVG, PNG or a shader.

48 colors, 5 editable OKLCH keyframes.

#031c27
#031e29
#03212c
#042430
#042834
#052c38
#05313c
#063641
#073a45
#083f4a
#09444e
#0a4852
#0b4d56
#0b515a
#0c565d
#0d5a61
#0e5f64
#0f6468
#10686b
#126d6e
#137072
#157475
#167778
#17797a
#187a7d
#1a7b80
#1c7b83
#207a85
#247987
#287789
#2c758a
#31728b
#356f8b
#386c8b
#3b698a
#3d678a
#3f6489
#416088
#425c86
#445884
#455382
#464e7f
#48497c
#494578
#4a4175
#4a3d72
#4b3a6f
#4b376c

CSS

background: linear-gradient(90deg in oklch, oklch(21.26% 0.0386 229.92) 0.0%, oklch(22.11% 0.0397 228.90) 2.1%, oklch(23.18% 0.0412 227.59) 4.3%, oklch(24.44% 0.0429 226.04) 6.4%, oklch(25.86% 0.0449 224.29) 8.5%, oklch(27.40% 0.0470 222.40) 10.6%, oklch(29.02% 0.0492 220.42) 12.8%, oklch(30.69% 0.0515 218.41) 14.9%, oklch(32.37% 0.0538 216.40) 17.0%, oklch(34.03% 0.0561 214.46) 19.1%, oklch(35.64% 0.0584 212.62) 21.3%, oklch(37.14% 0.0605 210.96) 23.4%, oklch(38.53% 0.0625 209.48) 25.5%, oklch(39.93% 0.0646 207.87) 27.7%, oklch(41.39% 0.0668 206.03) 29.8%, oklch(42.88% 0.0691 204.08) 31.9%, oklch(44.37% 0.0715 202.11) 34.0%, oklch(45.84% 0.0738 200.23) 36.2%, oklch(47.25% 0.0760 198.54) 38.3%, oklch(48.58% 0.0781 197.14) 40.4%, oklch(49.79% 0.0800 196.13) 42.6%, oklch(50.87% 0.0816 195.62) 44.7%, oklch(51.77% 0.0829 195.70) 46.8%, oklch(52.48% 0.0838 196.48) 48.9%, oklch(52.97% 0.0842 198.06) 51.1%, oklch(53.27% 0.0841 200.45) 53.2%, oklch(53.39% 0.0834 203.56) 55.3%, oklch(53.36% 0.0823 207.28) 57.4%, oklch(53.20% 0.0810 211.50) 59.6%, oklch(52.91% 0.0795 216.10) 61.7%, oklch(52.53% 0.0779 220.98) 63.8%, oklch(52.07% 0.0764 226.03) 66.0%, oklch(51.54% 0.0750 231.14) 68.1%, oklch(50.96% 0.0739 236.20) 70.2%, oklch(50.37% 0.0732 241.10) 72.3%, oklch(49.76% 0.0730 245.73) 74.5%, oklch(49.10% 0.0733 250.21) 76.6%, oklch(48.29% 0.0742 255.03) 78.7%, oklch(47.34% 0.0754 260.09) 80.9%, oklch(46.29% 0.0768 265.29) 83.0%, oklch(45.18% 0.0785 270.53) 85.1%, oklch(44.04% 0.0804 275.71) 87.2%, oklch(42.91% 0.0823 280.73) 89.4%, oklch(41.82% 0.0841 285.47) 91.5%, oklch(40.81% 0.0858 289.84) 93.6%, oklch(39.91% 0.0874 293.73) 95.7%, oklch(39.15% 0.0887 297.04) 97.9%, oklch(38.58% 0.0896 299.67) 100.0%);

In these collections

Cool gradients