Teal and pale blue sequential data palette

Analogous navy, teal and light blue color palette

This palette moves from dark teal through teal and light teal to pale teal. Linear gradient, 32 colors at 135°: #093340, #016574, #2c9da6, #75cacd, #d6f0f1. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#093340
#093644
#093b49
#09414f
#074756
#064e5d
#045665
#025d6c
#016574
#016d7b
#057482
#0b7b88
#11828e
#178994
#1d909a
#2496a0
#2c9da6
#34a4ac
#3cabb1
#46b1b7
#50b8bd
#5bbec2
#67c4c7
#75cacd
#84d0d3
#93d6d8
#a1dbde
#afe1e3
#bbe5e7
#c6eaeb
#cfedef
#d6f0f1

CSS

background: linear-gradient(135deg in oklch, oklch(29.92% 0.0496 223.59) 0.0%, oklch(31.19% 0.0520 222.72) 3.2%, oklch(32.81% 0.0551 221.58) 6.5%, oklch(34.72% 0.0590 220.22) 9.7%, oklch(36.87% 0.0633 218.70) 12.9%, oklch(39.19% 0.0678 217.07) 16.1%, oklch(41.63% 0.0724 215.39) 19.4%, oklch(44.11% 0.0768 213.70) 22.6%, oklch(46.58% 0.0810 212.07) 25.8%, oklch(48.98% 0.0845 210.56) 29.0%, oklch(51.25% 0.0874 209.20) 32.3%, oklch(53.38% 0.0896 208.02) 35.5%, oklch(55.50% 0.0917 206.85) 38.7%, oklch(57.62% 0.0937 205.71) 41.9%, oklch(59.75% 0.0955 204.61) 45.2%, oklch(61.86% 0.0969 203.55) 48.4%, oklch(63.97% 0.0979 202.57) 51.6%, oklch(66.07% 0.0984 201.67) 54.8%, oklch(68.16% 0.0982 200.86) 58.1%, oklch(70.22% 0.0972 200.17) 61.3%, oklch(72.27% 0.0954 199.59) 64.5%, oklch(74.30% 0.0926 199.16) 67.7%, oklch(76.44% 0.0882 198.92) 71.0%, oklch(78.66% 0.0823 198.83) 74.2%, oklch(80.92% 0.0753 198.88) 77.4%, oklch(83.18% 0.0677 199.04) 80.6%, oklch(85.37% 0.0596 199.26) 83.9%, oklch(87.46% 0.0516 199.53) 87.1%, oklch(89.39% 0.0441 199.80) 90.3%, oklch(91.10% 0.0373 200.05) 93.5%, oklch(92.56% 0.0317 200.24) 96.8%, oklch(93.70% 0.0276 200.35) 100.0%);

In these collections

Sequential data gradients