# Monochrome teal and gray radial swatches

Monochrome teal and gray radial swatches with 32 colors: #204a4e, #244d51, #285155, #2d5659, #325c5e, #386263, #3f6868, #466f6e, #4c7573, #537b78, #5a817c, #608680, #678c84, #6e9188, #76968d, #7d9b91, #85a095, #8ca599, #93aa9d, #99aea1, #a0b3a4, #a5b7a7, #abbbaa, #b1beac, #b6c2ae, #bcc5af, #c1c8b1, #c7cbb2, #cccdb3, #d1cfb4, #d5d1b5, #d8d2b6. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kUYSKRSZA92AKu7tjjmg`
- Page: https://grabient.com/kUYSKRSZA92AKu7tjjmg?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: dark to light, neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 6.4 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 | `#204a4e` | `oklch(38.19% 0.0469 203.91)` | Ponderosa Pine | white, 9.7 to 1 |
| 2 | `#244d51` | `oklch(39.33% 0.0467 202.95)` | Seagrass Green | white, 9.2 to 1 |
| 3 | `#285155` | `oklch(40.79% 0.0467 201.83)` | Pāua Shell | white, 8.7 to 1 |
| 4 | `#2d5659` | `oklch(42.52% 0.0466 200.54)` | Sea Challenge | white, 8 to 1 |
| 5 | `#325c5e` | `oklch(44.47% 0.0466 199.08)` | Arctic Nights | white, 7.4 to 1 |
| 6 | `#386263` | `oklch(46.56% 0.0464 197.46)` | Pyrite Green | white, 6.7 to 1 |
| 7 | `#3f6868` | `oklch(48.75% 0.0463 195.66)` | Moat | white, 6.1 to 1 |
| 8 | `#466f6e` | `oklch(50.98% 0.0460 193.70)` | Farrago | white, 5.6 to 1 |
| 9 | `#4c7573` | `oklch(53.17% 0.0456 191.57)` | Cool Waters | white, 5.1 to 1 |
| 10 | `#537b78` | `oklch(55.29% 0.0451 189.27)` | Breaker Bay | white, 4.6 to 1 |
| 11 | `#5a817c` | `oklch(57.26% 0.0444 186.80)` | Hanging Moss | black, 4.8 to 1 |
| 12 | `#608680` | `oklch(59.09% 0.0434 184.16)` | Greenella | black, 5.2 to 1 |
| 13 | `#678c84` | `oklch(60.92% 0.0421 181.35)` | Aspen Hush | black, 5.6 to 1 |
| 14 | `#6e9188` | `oklch(62.76% 0.0405 178.36)` | Nephrite | black, 6 to 1 |
| 15 | `#76968d` | `oklch(64.59% 0.0386 175.21)` | Yucca | black, 6.5 to 1 |
| 16 | `#7d9b91` | `oklch(66.41% 0.0367 171.88)` | Avalon | black, 6.9 to 1 |
| 17 | `#85a095` | `oklch(68.18% 0.0348 168.39)` | Australian Jade | black, 7.4 to 1 |
| 18 | `#8ca599` | `oklch(69.91% 0.0330 164.74)` | Morning Blue | black, 7.9 to 1 |
| 19 | `#93aa9d` | `oklch(71.57% 0.0314 160.93)` | Melville | black, 8.4 to 1 |
| 20 | `#99aea1` | `oklch(73.16% 0.0301 156.96)` | Phoenix Tears | black, 8.9 to 1 |
| 21 | `#a0b3a4` | `oklch(74.65% 0.0292 152.84)` | Frosty Green | black, 9.4 to 1 |
| 22 | `#a5b7a7` | `oklch(76.05% 0.0289 148.54)` | Thrush Egg | black, 9.9 to 1 |
| 23 | `#abbbaa` | `oklch(77.39% 0.0290 143.64)` | Rockfall | black, 10.3 to 1 |
| 24 | `#b1beac` | `oklch(78.68% 0.0296 138.18)` | Unroasted Coffee | black, 10.8 to 1 |
| 25 | `#b6c2ae` | `oklch(79.92% 0.0306 132.36)` | Wedding Mint | black, 11.3 to 1 |
| 26 | `#bcc5af` | `oklch(81.09% 0.0317 126.35)` | Pattipan | black, 11.7 to 1 |
| 27 | `#c1c8b1` | `oklch(82.19% 0.0330 120.36)` | Cushion Bush | black, 12.2 to 1 |
| 28 | `#c7cbb2` | `oklch(83.20% 0.0344 114.56)` | Spring Hill | black, 12.6 to 1 |
| 29 | `#cccdb3` | `oklch(84.12% 0.0357 109.16)` | Chilled Cucumber | black, 12.9 to 1 |
| 30 | `#d1cfb4` | `oklch(84.94% 0.0369 104.33)` | Bright Sage | black, 13.3 to 1 |
| 31 | `#d5d1b5` | `oklch(85.64% 0.0379 100.27)` | Pistachio Tang | black, 13.6 to 1 |
| 32 | `#d8d2b6` | `oklch(86.22% 0.0386 97.17)` | Pistachio Tang | black, 13.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #204a4e 0.000% 3.125%, #244d51 3.125% 6.250%, #285155 6.250% 9.375%, #2d5659 9.375% 12.500%, #325c5e 12.500% 15.625%, #386263 15.625% 18.750%, #3f6868 18.750% 21.875%, #466f6e 21.875% 25.000%, #4c7573 25.000% 28.125%, #537b78 28.125% 31.250%, #5a817c 31.250% 34.375%, #608680 34.375% 37.500%, #678c84 37.500% 40.625%, #6e9188 40.625% 43.750%, #76968d 43.750% 46.875%, #7d9b91 46.875% 50.000%, #85a095 50.000% 53.125%, #8ca599 53.125% 56.250%, #93aa9d 56.250% 59.375%, #99aea1 59.375% 62.500%, #a0b3a4 62.500% 65.625%, #a5b7a7 65.625% 68.750%, #abbbaa 68.750% 71.875%, #b1beac 71.875% 75.000%, #b6c2ae 75.000% 78.125%, #bcc5af 78.125% 81.250%, #c1c8b1 81.250% 84.375%, #c7cbb2 84.375% 87.500%, #cccdb3 87.500% 90.625%, #d1cfb4 90.625% 93.750%, #d5d1b5 93.750% 96.875%, #d8d2b6 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(38.19% 0.0469 203.91) 0.000% 3.125%, oklch(39.33% 0.0467 202.95) 3.125% 6.250%, oklch(40.79% 0.0467 201.83) 6.250% 9.375%, oklch(42.52% 0.0466 200.54) 9.375% 12.500%, oklch(44.47% 0.0466 199.08) 12.500% 15.625%, oklch(46.56% 0.0464 197.46) 15.625% 18.750%, oklch(48.75% 0.0463 195.66) 18.750% 21.875%, oklch(50.98% 0.0460 193.70) 21.875% 25.000%, oklch(53.17% 0.0456 191.57) 25.000% 28.125%, oklch(55.29% 0.0451 189.27) 28.125% 31.250%, oklch(57.26% 0.0444 186.80) 31.250% 34.375%, oklch(59.09% 0.0434 184.16) 34.375% 37.500%, oklch(60.92% 0.0421 181.35) 37.500% 40.625%, oklch(62.76% 0.0405 178.36) 40.625% 43.750%, oklch(64.59% 0.0386 175.21) 43.750% 46.875%, oklch(66.41% 0.0367 171.88) 46.875% 50.000%, oklch(68.18% 0.0348 168.39) 50.000% 53.125%, oklch(69.91% 0.0330 164.74) 53.125% 56.250%, oklch(71.57% 0.0314 160.93) 56.250% 59.375%, oklch(73.16% 0.0301 156.96) 59.375% 62.500%, oklch(74.65% 0.0292 152.84) 62.500% 65.625%, oklch(76.05% 0.0289 148.54) 65.625% 68.750%, oklch(77.39% 0.0290 143.64) 68.750% 71.875%, oklch(78.68% 0.0296 138.18) 71.875% 75.000%, oklch(79.92% 0.0306 132.36) 75.000% 78.125%, oklch(81.09% 0.0317 126.35) 78.125% 81.250%, oklch(82.19% 0.0330 120.36) 81.250% 84.375%, oklch(83.20% 0.0344 114.56) 84.375% 87.500%, oklch(84.12% 0.0357 109.16) 87.500% 90.625%, oklch(84.94% 0.0369 104.33) 90.625% 93.750%, oklch(85.64% 0.0379 100.27) 93.750% 96.875%, oklch(86.22% 0.0386 97.17) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.047 | 203.9 |
| 2 | 0.579 | 0.044 | 185.9 |
| 3 | 0.756 | 0.029 | 150 |
| 4 | 0.862 | 0.039 | 97.2 |

## In these collections

- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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