# Teal, green, blue and pink radial gradient

Teal, green, blue and pink radial gradient with 56 colors: #54a9ba, #53adb7, #55b1b4, #5ab6ae, #63bca6, #71c09e, #82c394, #93c68b, #a2c784, #afc87e, #b7c87b, #bac879, #b8c778, #b0c779, #a3c67c, #93c581, #7fc389, #6ac092, #55bc9c, #42b7a5, #35b1ac, #2fabb2, #32a6b5, #38a1b6, #419cb6, #4b97b4, #5393b1, #5a8ead, #608aa9, #6587a4, #68849f, #6a829b, #6c8098, #6c7f96, #6b7f95, #6a7f96, #688098, #65819a, #62829d, #5e84a0, #5987a3, #538aa4, #4d8ea4, #4892a3, #46969f, #4a9a98, #559e8f, #67a184, #7ca37a, #92a374, #a6a373, #b6a278, #c2a381, #c9a48d, #cea597, #d1a79f. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kYrz6W5iW0tUlSrLD0Uz5y6eESqy`
- Page: https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 2.2 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#54a9ba` | `oklch(68.90% 0.0854 211.64)` | Verditer Blue | black, 7.7 to 1 |
| 2 | `#53adb7` | `oklch(69.60% 0.0865 205.87)` | Thalassa | black, 8 to 1 |
| 3 | `#55b1b4` | `oklch(70.61% 0.0879 197.62)` | Crystalsong Blue | black, 8.3 to 1 |
| 4 | `#5ab6ae` | `oklch(71.86% 0.0895 187.53)` | Artesian Well | black, 8.7 to 1 |
| 5 | `#63bca6` | `oklch(73.25% 0.0914 176.23)` | Bath Turquoise | black, 9.2 to 1 |
| 6 | `#71c09e` | `oklch(74.71% 0.0935 164.36)` | Gem Silica | black, 9.7 to 1 |
| 7 | `#82c394` | `oklch(76.16% 0.0955 152.55)` | Willow Hedge | black, 10.2 to 1 |
| 8 | `#93c68b` | `oklch(77.51% 0.0975 141.42)` | Picnic | black, 10.6 to 1 |
| 9 | `#a2c784` | `oklch(78.68% 0.0994 131.63)` | Opaline Green | black, 11 to 1 |
| 10 | `#afc87e` | `oklch(79.59% 0.1010 123.79)` | Sour Face | black, 11.3 to 1 |
| 11 | `#b7c87b` | `oklch(80.17% 0.1024 118.55)` | Floral Bouquet | black, 11.5 to 1 |
| 12 | `#bac879` | `oklch(80.31% 0.1033 116.53)` | Floral Bouquet | black, 11.5 to 1 |
| 13 | `#b8c778` | `oklch(80.01% 0.1042 117.98)` | Floral Bouquet | black, 11.4 to 1 |
| 14 | `#b0c779` | `oklch(79.32% 0.1051 122.37)` | Sour Face | black, 11.2 to 1 |
| 15 | `#a3c67c` | `oklch(78.30% 0.1060 129.16)` | Opaline Green | black, 10.9 to 1 |
| 16 | `#93c581` | `oklch(77.04% 0.1068 137.84)` | Leprechaun Laugh | black, 10.5 to 1 |
| 17 | `#7fc389` | `oklch(75.60% 0.1074 147.89)` | Rally Green | black, 10 to 1 |
| 18 | `#6ac092` | `oklch(74.04% 0.1077 158.77)` | Silver Tree | black, 9.5 to 1 |
| 19 | `#55bc9c` | `oklch(72.43% 0.1076 169.96)` | Expressionism Green | black, 9 to 1 |
| 20 | `#42b7a5` | `oklch(70.85% 0.1071 180.95)` | Sacred Turquoise | black, 8.5 to 1 |
| 21 | `#35b1ac` | `oklch(69.36% 0.1061 191.20)` | Island Moment | black, 8 to 1 |
| 22 | `#2fabb2` | `oklch(68.03% 0.1044 200.20)` | Tempo | black, 7.6 to 1 |
| 23 | `#32a6b5` | `oklch(66.93% 0.1020 207.41)` | Green Buoy | black, 7.2 to 1 |
| 24 | `#38a1b6` | `oklch(65.96% 0.0983 213.54)` | Aquatic Cool | black, 6.9 to 1 |
| 25 | `#419cb6` | `oklch(65.01% 0.0932 219.54)` | Sports Blue | black, 6.6 to 1 |
| 26 | `#4b97b4` | `oklch(64.08% 0.0871 225.33)` | Heritage Blue | black, 6.4 to 1 |
| 27 | `#5393b1` | `oklch(63.18% 0.0802 230.80)` | Jet Ski | black, 6.1 to 1 |
| 28 | `#5a8ead` | `oklch(62.33% 0.0729 235.85)` | Gunjō Blue | black, 5.9 to 1 |
| 29 | `#608aa9` | `oklch(61.55% 0.0656 240.39)` | Rackley | black, 5.7 to 1 |
| 30 | `#6587a4` | `oklch(60.85% 0.0587 244.31)` | Moody Indigo | black, 5.5 to 1 |
| 31 | `#68849f` | `oklch(60.23% 0.0524 247.51)` | Lakeville | black, 5.4 to 1 |
| 32 | `#6a829b` | `oklch(59.72% 0.0472 249.89)` | Brisk Blue | black, 5.2 to 1 |
| 33 | `#6c8098` | `oklch(59.32% 0.0434 251.35)` | Grey Blueberry | black, 5.1 to 1 |
| 34 | `#6c7f96` | `oklch(59.06% 0.0413 251.80)` | Grey Blueberry | black, 5.1 to 1 |
| 35 | `#6b7f95` | `oklch(58.91% 0.0413 251.47)` | Grey Blueberry | black, 5.1 to 1 |
| 36 | `#6a7f96` | `oklch(58.87% 0.0430 250.62)` | Grey Blueberry | black, 5 to 1 |
| 37 | `#688098` | `oklch(58.92% 0.0462 249.16)` | Grey Blueberry | black, 5.1 to 1 |
| 38 | `#65819a` | `oklch(59.07% 0.0504 247.00)` | Greyish Blue | black, 5.1 to 1 |
| 39 | `#62829d` | `oklch(59.32% 0.0553 244.07)` | Greyish Blue | black, 5.2 to 1 |
| 40 | `#5e84a0` | `oklch(59.65% 0.0605 240.27)` | Honest Blue | black, 5.3 to 1 |
| 41 | `#5987a3` | `oklch(60.08% 0.0657 235.52)` | Kuta Surf | black, 5.4 to 1 |
| 42 | `#538aa4` | `oklch(60.58% 0.0704 229.74)` | Secure Blue | black, 5.5 to 1 |
| 43 | `#4d8ea4` | `oklch(61.18% 0.0744 222.83)` | Aegean Sea | black, 5.7 to 1 |
| 44 | `#4892a3` | `oklch(61.85% 0.0772 214.71)` | Winter Time | black, 5.8 to 1 |
| 45 | `#46969f` | `oklch(62.60% 0.0785 205.30)` | Sea Current | black, 6.1 to 1 |
| 46 | `#4a9a98` | `oklch(63.52% 0.0784 193.54)` | Aquatic Green | black, 6.3 to 1 |
| 47 | `#559e8f` | `oklch(64.67% 0.0771 178.88)` | Aqua Revival | black, 6.6 to 1 |
| 48 | `#67a184` | `oklch(65.99% 0.0750 162.01)` | Sea Lettuce | black, 6.9 to 1 |
| 49 | `#7ca37a` | `oklch(67.44% 0.0721 143.62)` | Green Grey | black, 7.3 to 1 |
| 50 | `#92a374` | `oklch(68.95% 0.0688 124.40)` | Ivy Enchantment | black, 7.7 to 1 |
| 51 | `#a6a373` | `oklch(70.47% 0.0653 105.02)` | Dill Grass | black, 8 to 1 |
| 52 | `#b6a278` | `oklch(71.95% 0.0617 86.18)` | Hemp Rope | black, 8.4 to 1 |
| 53 | `#c2a381` | `oklch(73.34% 0.0583 68.56)` | Almandine | black, 8.8 to 1 |
| 54 | `#c9a48d` | `oklch(74.57% 0.0552 52.84)` | Peanut Butter Crust | black, 9.1 to 1 |
| 55 | `#cea597` | `oklch(75.60% 0.0527 39.72)` | Pink Ginger | black, 9.4 to 1 |
| 56 | `#d1a79f` | `oklch(76.38% 0.0510 29.88)` | Cinnamon Cocoa | black, 9.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #54a9ba 0.0%, #53adb7 1.8%, #55b1b4 3.6%, #5ab6ae 5.5%, #63bca6 7.3%, #71c09e 9.1%, #82c394 10.9%, #93c68b 12.7%, #a2c784 14.5%, #afc87e 16.4%, #b7c87b 18.2%, #bac879 20.0%, #b8c778 21.8%, #b0c779 23.6%, #a3c67c 25.5%, #93c581 27.3%, #7fc389 29.1%, #6ac092 30.9%, #55bc9c 32.7%, #42b7a5 34.5%, #35b1ac 36.4%, #2fabb2 38.2%, #32a6b5 40.0%, #38a1b6 41.8%, #419cb6 43.6%, #4b97b4 45.5%, #5393b1 47.3%, #5a8ead 49.1%, #608aa9 50.9%, #6587a4 52.7%, #68849f 54.5%, #6a829b 56.4%, #6c8098 58.2%, #6c7f96 60.0%, #6b7f95 61.8%, #6a7f96 63.6%, #688098 65.5%, #65819a 67.3%, #62829d 69.1%, #5e84a0 70.9%, #5987a3 72.7%, #538aa4 74.5%, #4d8ea4 76.4%, #4892a3 78.2%, #46969f 80.0%, #4a9a98 81.8%, #559e8f 83.6%, #67a184 85.5%, #7ca37a 87.3%, #92a374 89.1%, #a6a373 90.9%, #b6a278 92.7%, #c2a381 94.5%, #c9a48d 96.4%, #cea597 98.2%, #d1a79f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(68.90% 0.0854 211.64) 0.0%, oklch(69.60% 0.0865 205.87) 1.8%, oklch(70.61% 0.0879 197.62) 3.6%, oklch(71.86% 0.0895 187.53) 5.5%, oklch(73.25% 0.0914 176.23) 7.3%, oklch(74.71% 0.0935 164.36) 9.1%, oklch(76.16% 0.0955 152.55) 10.9%, oklch(77.51% 0.0975 141.42) 12.7%, oklch(78.68% 0.0994 131.63) 14.5%, oklch(79.59% 0.1010 123.79) 16.4%, oklch(80.17% 0.1024 118.55) 18.2%, oklch(80.31% 0.1033 116.53) 20.0%, oklch(80.01% 0.1042 117.98) 21.8%, oklch(79.32% 0.1051 122.37) 23.6%, oklch(78.30% 0.1060 129.16) 25.5%, oklch(77.04% 0.1068 137.84) 27.3%, oklch(75.60% 0.1074 147.89) 29.1%, oklch(74.04% 0.1077 158.77) 30.9%, oklch(72.43% 0.1076 169.96) 32.7%, oklch(70.85% 0.1071 180.95) 34.5%, oklch(69.36% 0.1061 191.20) 36.4%, oklch(68.03% 0.1044 200.20) 38.2%, oklch(66.93% 0.1020 207.41) 40.0%, oklch(65.96% 0.0983 213.54) 41.8%, oklch(65.01% 0.0932 219.54) 43.6%, oklch(64.08% 0.0871 225.33) 45.5%, oklch(63.18% 0.0802 230.80) 47.3%, oklch(62.33% 0.0729 235.85) 49.1%, oklch(61.55% 0.0656 240.39) 50.9%, oklch(60.85% 0.0587 244.31) 52.7%, oklch(60.23% 0.0524 247.51) 54.5%, oklch(59.72% 0.0472 249.89) 56.4%, oklch(59.32% 0.0434 251.35) 58.2%, oklch(59.06% 0.0413 251.80) 60.0%, oklch(58.91% 0.0413 251.47) 61.8%, oklch(58.87% 0.0430 250.62) 63.6%, oklch(58.92% 0.0462 249.16) 65.5%, oklch(59.07% 0.0504 247.00) 67.3%, oklch(59.32% 0.0553 244.07) 69.1%, oklch(59.65% 0.0605 240.27) 70.9%, oklch(60.08% 0.0657 235.52) 72.7%, oklch(60.58% 0.0704 229.74) 74.5%, oklch(61.18% 0.0744 222.83) 76.4%, oklch(61.85% 0.0772 214.71) 78.2%, oklch(62.60% 0.0785 205.30) 80.0%, oklch(63.52% 0.0784 193.54) 81.8%, oklch(64.67% 0.0771 178.88) 83.6%, oklch(65.99% 0.0750 162.01) 85.5%, oklch(67.44% 0.0721 143.62) 87.3%, oklch(68.95% 0.0688 124.40) 89.1%, oklch(70.47% 0.0653 105.02) 90.9%, oklch(71.95% 0.0617 86.18) 92.7%, oklch(73.34% 0.0583 68.56) 94.5%, oklch(74.57% 0.0552 52.84) 96.4%, oklch(75.60% 0.0527 39.72) 98.2%, oklch(76.38% 0.0510 29.88) 100.0%);
```

## Keyframes

6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.689 | 0.085 | 211.6 |
| 2 | 0.803 | 0.103 | 116.5 |
| 3 | 0.669 | 0.102 | 207.4 |
| 4 | 0.591 | 0.041 | 251.8 |
| 5 | 0.626 | 0.079 | 205.3 |
| 6 | 0.764 | 0.051 | 29.9 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

- [JSON](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.json?style=radialGradient&steps=56&angle=0)
- [PNG](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.png?style=radialGradient&steps=56&angle=0)
- [SVG](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.svg?style=radialGradient&steps=56&angle=0)
- [CSS](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.css?style=radialGradient&steps=56&angle=0)
- [ASE](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.ase?style=radialGradient&steps=56&angle=0)
- [GPL](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.gpl?style=radialGradient&steps=56&angle=0)
- [GRD](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.grd?style=radialGradient&steps=56&angle=0)
- [Design tokens](https://grabient.com/kYrz6W5iW0tUlSrLD0Uz5y6eESqy.tokens.json?style=radialGradient&steps=56&angle=0)
- [Social card](https://grabient.com/api/og?seed=kYrz6W5iW0tUlSrLD0Uz5y6eESqy&style=radialGradient&steps=56&angle=0)
- [Palettes like this one](https://grabient.com/palettes?q=kYrz6W5iW0tUlSrLD0Uz5y6eESqy)
- [Guide for agents](https://grabient.com/llms.txt)