# Pale teal deep green rings

Pastel blue, tan and gray radial gradient with 56 colors: #defbff, #d8fafc, #d0f9f7, #c8f7f0, #c1f5e5, #bcf2d8, #baeec8, #bce9b7, #c0e3a6, #c7dc96, #cdd589, #d2cf80, #d6c97b, #dac379, #dcbd7a, #ddb97e, #dcb582, #dab187, #d6af8c, #d1ad8f, #ccab91, #c7aa91, #c1a88f, #bba78c, #b1a588, #a5a485, #97a386, #89a189, #7b9e8f, #719b96, #6c989c, #6a96a2, #6c94a7, #6e95ab, #709aaf, #71a2b3, #75acb6, #7cb8b7, #89c4b5, #9dcfb1, #b4d8ac, #ccdea9, #e1e2a9, #efe5ab, #f6e6ad, #f5e6ad, #eee5ac, #e2e2aa, #d2dea9, #c1d9aa, #afd2ac, #9ecbae, #91c4b0, #87bcb1, #80b6b1, #7db1b1. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Pastel blue, tan and gray radial gradient
- Seed: `kY9heTaqS0F8Qu1Sk9N9ZuvtwUS8`
- Page: https://grabient.com/kY9heTaqS0F8Qu1Sk9N9ZuvtwUS8?style=radialGradient&steps=56&angle=0
- Drawn as: radial gradient, 56 steps, 0 degrees
- Kinds: pastel
- Hues: wide
- Contrast of its darkest and lightest colors: 3 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 | `#defbff` | `oklch(96.85% 0.0305 206.69)` | Matterhorn Snow | black, 19.3 to 1 |
| 2 | `#d8fafc` | `oklch(96.14% 0.0358 201.13)` | Salt Mountain | black, 18.9 to 1 |
| 3 | `#d0f9f7` | `oklch(95.23% 0.0417 193.75)` | Tinted Ice | black, 18.5 to 1 |
| 4 | `#c8f7f0` | `oklch(94.14% 0.0489 184.92)` | Mid Spring Morning | black, 18 to 1 |
| 5 | `#c1f5e5` | `oklch(92.92% 0.0569 175.03)` | Shallow End | black, 17.4 to 1 |
| 6 | `#bcf2d8` | `oklch(91.60% 0.0653 164.42)` | Mystery Mint | black, 16.7 to 1 |
| 7 | `#baeec8` | `oklch(90.23% 0.0738 153.47)` | Slime Lime | black, 16.1 to 1 |
| 8 | `#bce9b7` | `oklch(88.84% 0.0818 142.54)` | Almost Aloe | black, 15.4 to 1 |
| 9 | `#c0e3a6` | `oklch(87.47% 0.0889 132.00)` | Cactus Spike | black, 14.7 to 1 |
| 10 | `#c7dc96` | `oklch(86.16% 0.0947 122.21)` | Spring Lawn | black, 14 to 1 |
| 11 | `#cdd589` | `oklch(84.94% 0.0987 113.53)` | Lime Sherbet | black, 13.4 to 1 |
| 12 | `#d2cf80` | `oklch(83.86% 0.1006 106.33)` | Deco | black, 12.9 to 1 |
| 13 | `#d6c97b` | `oklch(82.89% 0.1000 99.70)` | March Tulip Green | black, 12.4 to 1 |
| 14 | `#dac379` | `oklch(81.98% 0.0973 92.73)` | Grassroots | black, 12 to 1 |
| 15 | `#dcbd7a` | `oklch(81.13% 0.0928 85.73)` | Brass Nail | black, 11.6 to 1 |
| 16 | `#ddb97e` | `oklch(80.31% 0.0870 79.02)` | Ambitious | black, 11.2 to 1 |
| 17 | `#dcb582` | `oklch(79.52% 0.0804 72.92)` | Cellini Gold | black, 10.9 to 1 |
| 18 | `#dab187` | `oklch(78.75% 0.0732 67.76)` | Sheepskin | black, 10.6 to 1 |
| 19 | `#d6af8c` | `oklch(77.99% 0.0661 63.85)` | Butterscotch Amber | black, 10.3 to 1 |
| 20 | `#d1ad8f` | `oklch(77.22% 0.0593 61.52)` | Woven Navajo | black, 10 to 1 |
| 21 | `#ccab91` | `oklch(76.44% 0.0533 61.10)` | Beach Boardwalk | black, 9.8 to 1 |
| 22 | `#c7aa91` | `oklch(75.64% 0.0486 62.89)` | Fox Hill | black, 9.5 to 1 |
| 23 | `#c1a88f` | `oklch(74.80% 0.0455 67.23)` | Wetland Clay | black, 9.3 to 1 |
| 24 | `#bba78c` | `oklch(73.80% 0.0438 75.69)` | Natural Chamois | black, 9 to 1 |
| 25 | `#b1a588` | `oklch(72.56% 0.0429 88.88)` | Karma | black, 8.6 to 1 |
| 26 | `#a5a485` | `oklch(71.16% 0.0428 105.65)` | Dark Envy | black, 8.2 to 1 |
| 27 | `#97a386` | `oklch(69.71% 0.0432 124.87)` | Zebra Grass | black, 7.8 to 1 |
| 28 | `#89a189` | `oklch(68.27% 0.0442 145.40)` | Basil | black, 7.5 to 1 |
| 29 | `#7b9e8f` | `oklch(66.95% 0.0455 166.09)` | Regal View | black, 7.1 to 1 |
| 30 | `#719b96` | `oklch(65.82% 0.0471 185.81)` | Avalon | black, 6.8 to 1 |
| 31 | `#6c989c` | `oklch(64.97% 0.0488 203.40)` | Baltic Blue | black, 6.6 to 1 |
| 32 | `#6a96a2` | `oklch(64.48% 0.0505 217.74)` | Shore Water | black, 6.4 to 1 |
| 33 | `#6c94a7` | `oklch(64.45% 0.0522 227.68)` | Architecture Blue | black, 6.4 to 1 |
| 34 | `#6e95ab` | `oklch(64.96% 0.0537 232.08)` | Architecture Blue | black, 6.5 to 1 |
| 35 | `#709aaf` | `oklch(66.24% 0.0554 230.05)` | Ocean View | black, 6.9 to 1 |
| 36 | `#71a2b3` | `oklch(68.34% 0.0575 222.28)` | Saga Blue | black, 7.5 to 1 |
| 37 | `#75acb6` | `oklch(71.07% 0.0599 209.98)` | Watson Lake | black, 8.3 to 1 |
| 38 | `#7cb8b7` | `oklch(74.23% 0.0625 194.37)` | Kingfisher Turquoise | black, 9.4 to 1 |
| 39 | `#89c4b5` | `oklch(77.64% 0.0652 176.67)` | Aquastone | black, 10.6 to 1 |
| 40 | `#9dcfb1` | `oklch(81.11% 0.0679 158.10)` | Retro Mint | black, 11.9 to 1 |
| 41 | `#b4d8ac` | `oklch(84.43% 0.0703 139.87)` | Apple Cream | black, 13.3 to 1 |
| 42 | `#ccdea9` | `oklch(87.43% 0.0725 123.19)` | Butterfly | black, 14.6 to 1 |
| 43 | `#e1e2a9` | `oklch(89.90% 0.0742 109.30)` | Bit of Lime | black, 15.6 to 1 |
| 44 | `#efe5ab` | `oklch(91.66% 0.0753 99.40)` | Lemon Appeal | black, 16.4 to 1 |
| 45 | `#f6e6ad` | `oklch(92.52% 0.0758 94.70)` | Glisten Yellow | black, 16.8 to 1 |
| 46 | `#f5e6ad` | `oklch(92.41% 0.0754 95.27)` | Glisten Yellow | black, 16.8 to 1 |
| 47 | `#eee5ac` | `oklch(91.50% 0.0743 99.84)` | Lemon Appeal | black, 16.4 to 1 |
| 48 | `#e2e2aa` | `oklch(89.94% 0.0727 107.65)` | Bit of Lime | black, 15.6 to 1 |
| 49 | `#d2dea9` | `oklch(87.88% 0.0705 117.93)` | Willow Wind | black, 14.7 to 1 |
| 50 | `#c1d9aa` | `oklch(85.48% 0.0681 129.91)` | Winter Willow Green | black, 13.7 to 1 |
| 51 | `#afd2ac` | `oklch(82.89% 0.0655 142.85)` | Coral Springs | black, 12.6 to 1 |
| 52 | `#9ecbae` | `oklch(80.27% 0.0629 155.98)` | Calculus | black, 11.6 to 1 |
| 53 | `#91c4b0` | `oklch(77.76% 0.0604 168.52)` | Bella Green | black, 10.6 to 1 |
| 54 | `#87bcb1` | `oklch(75.51% 0.0582 179.74)` | Morning Green | black, 9.8 to 1 |
| 55 | `#80b6b1` | `oklch(73.69% 0.0564 188.85)` | Melodious | black, 9.2 to 1 |
| 56 | `#7db1b1` | `oklch(72.44% 0.0551 195.09)` | Galaxy Green | black, 8.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #defbff 0.0%, #d8fafc 1.8%, #d0f9f7 3.6%, #c8f7f0 5.5%, #c1f5e5 7.3%, #bcf2d8 9.1%, #baeec8 10.9%, #bce9b7 12.7%, #c0e3a6 14.5%, #c7dc96 16.4%, #cdd589 18.2%, #d2cf80 20.0%, #d6c97b 21.8%, #dac379 23.6%, #dcbd7a 25.5%, #ddb97e 27.3%, #dcb582 29.1%, #dab187 30.9%, #d6af8c 32.7%, #d1ad8f 34.5%, #ccab91 36.4%, #c7aa91 38.2%, #c1a88f 40.0%, #bba78c 41.8%, #b1a588 43.6%, #a5a485 45.5%, #97a386 47.3%, #89a189 49.1%, #7b9e8f 50.9%, #719b96 52.7%, #6c989c 54.5%, #6a96a2 56.4%, #6c94a7 58.2%, #6e95ab 60.0%, #709aaf 61.8%, #71a2b3 63.6%, #75acb6 65.5%, #7cb8b7 67.3%, #89c4b5 69.1%, #9dcfb1 70.9%, #b4d8ac 72.7%, #ccdea9 74.5%, #e1e2a9 76.4%, #efe5ab 78.2%, #f6e6ad 80.0%, #f5e6ad 81.8%, #eee5ac 83.6%, #e2e2aa 85.5%, #d2dea9 87.3%, #c1d9aa 89.1%, #afd2ac 90.9%, #9ecbae 92.7%, #91c4b0 94.5%, #87bcb1 96.4%, #80b6b1 98.2%, #7db1b1 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0305 206.69) 0.0%, oklch(96.14% 0.0358 201.13) 1.8%, oklch(95.23% 0.0417 193.75) 3.6%, oklch(94.14% 0.0489 184.92) 5.5%, oklch(92.92% 0.0569 175.03) 7.3%, oklch(91.60% 0.0653 164.42) 9.1%, oklch(90.23% 0.0738 153.47) 10.9%, oklch(88.84% 0.0818 142.54) 12.7%, oklch(87.47% 0.0889 132.00) 14.5%, oklch(86.16% 0.0947 122.21) 16.4%, oklch(84.94% 0.0987 113.53) 18.2%, oklch(83.86% 0.1006 106.33) 20.0%, oklch(82.89% 0.1000 99.70) 21.8%, oklch(81.98% 0.0973 92.73) 23.6%, oklch(81.13% 0.0928 85.73) 25.5%, oklch(80.31% 0.0870 79.02) 27.3%, oklch(79.52% 0.0804 72.92) 29.1%, oklch(78.75% 0.0732 67.76) 30.9%, oklch(77.99% 0.0661 63.85) 32.7%, oklch(77.22% 0.0593 61.52) 34.5%, oklch(76.44% 0.0533 61.10) 36.4%, oklch(75.64% 0.0486 62.89) 38.2%, oklch(74.80% 0.0455 67.23) 40.0%, oklch(73.80% 0.0438 75.69) 41.8%, oklch(72.56% 0.0429 88.88) 43.6%, oklch(71.16% 0.0428 105.65) 45.5%, oklch(69.71% 0.0432 124.87) 47.3%, oklch(68.27% 0.0442 145.40) 49.1%, oklch(66.95% 0.0455 166.09) 50.9%, oklch(65.82% 0.0471 185.81) 52.7%, oklch(64.97% 0.0488 203.40) 54.5%, oklch(64.48% 0.0505 217.74) 56.4%, oklch(64.45% 0.0522 227.68) 58.2%, oklch(64.96% 0.0537 232.08) 60.0%, oklch(66.24% 0.0554 230.05) 61.8%, oklch(68.34% 0.0575 222.28) 63.6%, oklch(71.07% 0.0599 209.98) 65.5%, oklch(74.23% 0.0625 194.37) 67.3%, oklch(77.64% 0.0652 176.67) 69.1%, oklch(81.11% 0.0679 158.10) 70.9%, oklch(84.43% 0.0703 139.87) 72.7%, oklch(87.43% 0.0725 123.19) 74.5%, oklch(89.90% 0.0742 109.30) 76.4%, oklch(91.66% 0.0753 99.40) 78.2%, oklch(92.52% 0.0758 94.70) 80.0%, oklch(92.41% 0.0754 95.27) 81.8%, oklch(91.50% 0.0743 99.84) 83.6%, oklch(89.94% 0.0727 107.65) 85.5%, oklch(87.88% 0.0705 117.93) 87.3%, oklch(85.48% 0.0681 129.91) 89.1%, oklch(82.89% 0.0655 142.85) 90.9%, oklch(80.27% 0.0629 155.98) 92.7%, oklch(77.76% 0.0604 168.52) 94.5%, oklch(75.51% 0.0582 179.74) 96.4%, oklch(73.69% 0.0564 188.85) 98.2%, oklch(72.44% 0.0551 195.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.032 | 206.7 |
| 2 | 0.839 | 0.101 | 106.3 |
| 3 | 0.748 | 0.045 | 67.2 |
| 4 | 0.65 | 0.054 | 232.1 |
| 5 | 0.925 | 0.076 | 94.7 |
| 6 | 0.724 | 0.055 | 195.1 |

## In these collections

- [Pastel gradients](https://grabient.com/pastel-gradients)

## Other forms

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