# Deep cyan, sage and gold muted palette

The Deep cyan, sage and gold muted palette brings together teal, light green, and light yellow. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is light yellow.

- Also called: Monochrome teal to gray radial gradient
- Seed: `kUYSKRSZA92AKu7tjjmg`
- Page: https://grabient.com/kUYSKRSZA92AKu7tjjmg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 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.0%, #244d51 3.2%, #285155 6.5%, #2d5659 9.7%, #325c5e 12.9%, #386263 16.1%, #3f6868 19.4%, #466f6e 22.6%, #4c7573 25.8%, #537b78 29.0%, #5a817c 32.3%, #608680 35.5%, #678c84 38.7%, #6e9188 41.9%, #76968d 45.2%, #7d9b91 48.4%, #85a095 51.6%, #8ca599 54.8%, #93aa9d 58.1%, #99aea1 61.3%, #a0b3a4 64.5%, #a5b7a7 67.7%, #abbbaa 71.0%, #b1beac 74.2%, #b6c2ae 77.4%, #bcc5af 80.6%, #c1c8b1 83.9%, #c7cbb2 87.1%, #cccdb3 90.3%, #d1cfb4 93.5%, #d5d1b5 96.8%, #d8d2b6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(38.19% 0.0469 203.91) 0.0%, oklch(39.33% 0.0467 202.95) 3.2%, oklch(40.79% 0.0467 201.83) 6.5%, oklch(42.52% 0.0466 200.54) 9.7%, oklch(44.47% 0.0466 199.08) 12.9%, oklch(46.56% 0.0464 197.46) 16.1%, oklch(48.75% 0.0463 195.66) 19.4%, oklch(50.98% 0.0460 193.70) 22.6%, oklch(53.17% 0.0456 191.57) 25.8%, oklch(55.29% 0.0451 189.27) 29.0%, oklch(57.26% 0.0444 186.80) 32.3%, oklch(59.09% 0.0434 184.16) 35.5%, oklch(60.92% 0.0421 181.35) 38.7%, oklch(62.76% 0.0405 178.36) 41.9%, oklch(64.59% 0.0386 175.21) 45.2%, oklch(66.41% 0.0367 171.88) 48.4%, oklch(68.18% 0.0348 168.39) 51.6%, oklch(69.91% 0.0330 164.74) 54.8%, oklch(71.57% 0.0314 160.93) 58.1%, oklch(73.16% 0.0301 156.96) 61.3%, oklch(74.65% 0.0292 152.84) 64.5%, oklch(76.05% 0.0289 148.54) 67.7%, oklch(77.39% 0.0290 143.64) 71.0%, oklch(78.68% 0.0296 138.18) 74.2%, oklch(79.92% 0.0306 132.36) 77.4%, oklch(81.09% 0.0317 126.35) 80.6%, oklch(82.19% 0.0330 120.36) 83.9%, oklch(83.20% 0.0344 114.56) 87.1%, oklch(84.12% 0.0357 109.16) 90.3%, oklch(84.94% 0.0369 104.33) 93.5%, oklch(85.64% 0.0379 100.27) 96.8%, oklch(86.22% 0.0386 97.17) 100.0%);
```

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