Teal cyan palette

Analogous black, teal and light blue color palette

The Teal cyan palette brings together dark blue, teal, and light teal. The colors span a broad lightness range, combining moderate color with clear contrast. Linear gradient, 32 colors at 45°: #031c25, #09404b, #0b6e78, #1d9ba1, #70d0cf. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#031c25
#041f28
#04222c
#052731
#062c36
#07313b
#083641
#083b46
#09404b
#094551
#0a4b56
#0a515c
#0a5662
#0b5c67
#0b626d
#0b6873
#0b6e78
#0c747e
#0e7b84
#10818a
#12878f
#158e95
#18949b
#1d9ba1
#24a2a7
#2da8ac
#39afb3
#47b7b9
#54bfc0
#60c6c6
#6acccb
#70d0cf

CSS

background: linear-gradient(45deg in oklch, oklch(21.26% 0.0358 225.00) 0.0%, oklch(22.27% 0.0374 224.23) 3.2%, oklch(23.65% 0.0394 223.16) 6.5%, oklch(25.29% 0.0419 221.90) 9.7%, oklch(27.09% 0.0447 220.53) 12.9%, oklch(28.95% 0.0476 219.15) 16.1%, oklch(30.76% 0.0504 217.85) 19.4%, oklch(32.50% 0.0533 216.64) 22.6%, oklch(34.29% 0.0563 215.42) 25.8%, oklch(36.13% 0.0594 214.20) 29.0%, oklch(38.00% 0.0626 212.99) 32.3%, oklch(39.88% 0.0658 211.80) 35.5%, oklch(41.77% 0.0690 210.65) 38.7%, oklch(43.65% 0.0722 209.55) 41.9%, oklch(45.53% 0.0754 208.47) 45.2%, oklch(47.42% 0.0786 207.42) 48.4%, oklch(49.33% 0.0819 206.40) 51.6%, oklch(51.25% 0.0850 205.40) 54.8%, oklch(53.17% 0.0879 204.43) 58.1%, oklch(55.10% 0.0907 203.49) 61.3%, oklch(57.04% 0.0936 202.58) 64.5%, oklch(58.97% 0.0965 201.69) 67.7%, oklch(60.92% 0.0992 200.84) 71.0%, oklch(62.89% 0.1014 200.01) 74.2%, oklch(64.90% 0.1029 199.20) 77.4%, oklch(66.96% 0.1033 198.43) 80.6%, oklch(69.25% 0.1024 197.63) 83.9%, oklch(71.74% 0.1004 196.83) 87.1%, oklch(74.24% 0.0977 196.06) 90.3%, oklch(76.55% 0.0950 195.37) 93.5%, oklch(78.51% 0.0925 194.78) 96.8%, oklch(79.92% 0.0909 194.35) 100.0%);

In these collections

Cyan gradients