Teal and forest green hero section palette

Vivid analogous teal to green color palette

The Teal and forest green hero section palette brings together teal and green. Radial gradient, 32 colors: #008c87, #00907f, #009371, #00925d, #009040. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#008c87
#008d86
#008d86
#008d85
#008e84
#008e83
#008f82
#009081
#00907f
#00917e
#00917c
#00927b
#009279
#009377
#009375
#009373
#009371
#00936f
#00936c
#00936a
#009367
#009363
#009260
#00925d
#009259
#009155
#009151
#00914d
#00914a
#009046
#009043
#009040

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(57.88% 0.1000 189.84) 0.0%, oklch(57.93% 0.1003 189.11) 3.2%, oklch(57.99% 0.1008 188.23) 6.5%, oklch(58.08% 0.1013 187.22) 9.7%, oklch(58.18% 0.1020 186.09) 12.9%, oklch(58.28% 0.1028 184.85) 16.1%, oklch(58.39% 0.1037 183.53) 19.4%, oklch(58.51% 0.1047 182.14) 22.6%, oklch(58.62% 0.1059 180.69) 25.8%, oklch(58.72% 0.1071 179.20) 29.0%, oklch(58.82% 0.1085 177.70) 32.3%, oklch(58.91% 0.1100 176.19) 35.5%, oklch(58.98% 0.1115 174.69) 38.7%, oklch(59.03% 0.1131 173.22) 41.9%, oklch(59.06% 0.1148 171.79) 45.2%, oklch(59.07% 0.1164 170.41) 48.4%, oklch(59.04% 0.1181 169.10) 51.6%, oklch(58.98% 0.1198 167.73) 54.8%, oklch(58.90% 0.1218 166.30) 58.1%, oklch(58.79% 0.1239 164.83) 61.3%, oklch(58.66% 0.1262 163.33) 64.5%, oklch(58.51% 0.1287 161.82) 67.7%, oklch(58.35% 0.1314 160.31) 71.0%, oklch(58.19% 0.1342 158.83) 74.2%, oklch(58.02% 0.1372 157.38) 77.4%, oklch(57.85% 0.1403 155.99) 80.6%, oklch(57.69% 0.1436 154.67) 83.9%, oklch(57.54% 0.1468 153.43) 87.1%, oklch(57.39% 0.1500 152.30) 90.3%, oklch(57.27% 0.1531 151.28) 93.5%, oklch(57.17% 0.1559 150.40) 96.8%, oklch(57.09% 0.1585 149.68) 100.0%);

In these collections

Hero section gradients