# Deep teal, sage and gold multicolor palette

The Deep teal, sage and gold multicolor palette brings together teal, green, light yellow, and gold. The colors span a broad lightness range, combining moderate 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 gold.

- Also called: Duotone dark green to tan radial gradient
- Seed: `kYUByDuxi-U0fPdcIz26CS9m-gvi`
- Page: https://grabient.com/kYUByDuxi-U0fPdcIz26CS9m-gvi?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 8.8 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 | `#183834` | `oklch(31.50% 0.0386 184.92)` | Fait Accompli | white, 12.6 to 1 |
| 2 | `#1a3d38` | `oklch(33.07% 0.0417 183.53)` | Botanical Night | white, 11.9 to 1 |
| 3 | `#1c433d` | `oklch(35.24% 0.0462 181.66)` | Black Soap | white, 10.9 to 1 |
| 4 | `#1e4b43` | `oklch(37.82% 0.0514 179.42)` | Swedish Green | white, 9.8 to 1 |
| 5 | `#225349` | `oklch(40.60% 0.0569 176.93)` | Fresh Mint | white, 8.7 to 1 |
| 6 | `#265c4e` | `oklch(43.38% 0.0622 174.32)` | Old Money | white, 7.7 to 1 |
| 7 | `#2a6453` | `oklch(45.98% 0.0667 171.70)` | Embracing | white, 6.8 to 1 |
| 8 | `#306b58` | `oklch(48.34% 0.0704 169.08)` | Forest Rain | white, 6.2 to 1 |
| 9 | `#36735c` | `oklch(50.70% 0.0737 166.31)` | Nordic Forest | white, 5.5 to 1 |
| 10 | `#3d7a5f` | `oklch(53.04% 0.0767 163.42)` | Liquid Green Stuff | white, 5 to 1 |
| 11 | `#458163` | `oklch(55.35% 0.0795 160.44)` | Leisure Green | white, 4.5 to 1 |
| 12 | `#4d8866` | `oklch(57.60% 0.0821 157.43)` | Mallard Green | black, 5 to 1 |
| 13 | `#558f69` | `oklch(59.78% 0.0845 154.42)` | Green Weed | black, 5.4 to 1 |
| 14 | `#5d956b` | `oklch(61.88% 0.0868 151.42)` | Endless | black, 5.9 to 1 |
| 15 | `#659b6d` | `oklch(63.90% 0.0889 148.41)` | Leafy | black, 6.4 to 1 |
| 16 | `#6da16f` | `oklch(65.87% 0.0909 145.37)` | Growth | black, 6.9 to 1 |
| 17 | `#76a671` | `oklch(67.78% 0.0927 142.30)` | Ready Lawn | black, 7.4 to 1 |
| 18 | `#7fac73` | `oklch(69.62% 0.0943 139.21)` | Sage Garden | black, 8 to 1 |
| 19 | `#87b174` | `oklch(71.40% 0.0957 136.08)` | Hakusai Green | black, 8.5 to 1 |
| 20 | `#90b576` | `oklch(73.12% 0.0969 132.92)` | Flavoparmelia Caperata | black, 9 to 1 |
| 21 | `#99ba77` | `oklch(74.80% 0.0982 129.63)` | Olivine | black, 9.6 to 1 |
| 22 | `#a2be78` | `oklch(76.43% 0.0993 126.26)` | Tan Green | black, 10.1 to 1 |
| 23 | `#abc279` | `oklch(78.00% 0.1001 122.89)` | Lavish Lime | black, 10.7 to 1 |
| 24 | `#b4c67b` | `oklch(79.48% 0.1007 119.59)` | Valley View | black, 11.2 to 1 |
| 25 | `#bcc97c` | `oklch(80.86% 0.1008 116.46)` | Floral Bouquet | black, 11.8 to 1 |
| 26 | `#c4cc7f` | `oklch(82.14% 0.1005 113.56)` | Celery Green | black, 12.2 to 1 |
| 27 | `#cbcf82` | `oklch(83.34% 0.0992 110.70)` | Deco | black, 12.7 to 1 |
| 28 | `#d2d185` | `oklch(84.49% 0.0974 107.88)` | Sunken Treasure | black, 13.2 to 1 |
| 29 | `#d8d489` | `oklch(85.53% 0.0951 105.21)` | Treasury | black, 13.6 to 1 |
| 30 | `#ddd68d` | `oklch(86.45% 0.0928 102.82)` | Flax Fibre | black, 14 to 1 |
| 31 | `#e2d791` | `oklch(87.22% 0.0909 100.81)` | Celery Heart | black, 14.3 to 1 |
| 32 | `#e5d993` | `oklch(87.80% 0.0896 99.33)` | Pineapple Slice | black, 14.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #183834 0.0%, #1a3d38 3.2%, #1c433d 6.5%, #1e4b43 9.7%, #225349 12.9%, #265c4e 16.1%, #2a6453 19.4%, #306b58 22.6%, #36735c 25.8%, #3d7a5f 29.0%, #458163 32.3%, #4d8866 35.5%, #558f69 38.7%, #5d956b 41.9%, #659b6d 45.2%, #6da16f 48.4%, #76a671 51.6%, #7fac73 54.8%, #87b174 58.1%, #90b576 61.3%, #99ba77 64.5%, #a2be78 67.7%, #abc279 71.0%, #b4c67b 74.2%, #bcc97c 77.4%, #c4cc7f 80.6%, #cbcf82 83.9%, #d2d185 87.1%, #d8d489 90.3%, #ddd68d 93.5%, #e2d791 96.8%, #e5d993 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.50% 0.0386 184.92) 0.0%, oklch(33.07% 0.0417 183.53) 3.2%, oklch(35.24% 0.0462 181.66) 6.5%, oklch(37.82% 0.0514 179.42) 9.7%, oklch(40.60% 0.0569 176.93) 12.9%, oklch(43.38% 0.0622 174.32) 16.1%, oklch(45.98% 0.0667 171.70) 19.4%, oklch(48.34% 0.0704 169.08) 22.6%, oklch(50.70% 0.0737 166.31) 25.8%, oklch(53.04% 0.0767 163.42) 29.0%, oklch(55.35% 0.0795 160.44) 32.3%, oklch(57.60% 0.0821 157.43) 35.5%, oklch(59.78% 0.0845 154.42) 38.7%, oklch(61.88% 0.0868 151.42) 41.9%, oklch(63.90% 0.0889 148.41) 45.2%, oklch(65.87% 0.0909 145.37) 48.4%, oklch(67.78% 0.0927 142.30) 51.6%, oklch(69.62% 0.0943 139.21) 54.8%, oklch(71.40% 0.0957 136.08) 58.1%, oklch(73.12% 0.0969 132.92) 61.3%, oklch(74.80% 0.0982 129.63) 64.5%, oklch(76.43% 0.0993 126.26) 67.7%, oklch(78.00% 0.1001 122.89) 71.0%, oklch(79.48% 0.1007 119.59) 74.2%, oklch(80.86% 0.1008 116.46) 77.4%, oklch(82.14% 0.1005 113.56) 80.6%, oklch(83.34% 0.0992 110.70) 83.9%, oklch(84.49% 0.0974 107.88) 87.1%, oklch(85.53% 0.0951 105.21) 90.3%, oklch(86.45% 0.0928 102.82) 93.5%, oklch(87.22% 0.0909 100.81) 96.8%, oklch(87.80% 0.0896 99.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.039 | 184.9 |
| 2 | 0.465 | 0.068 | 171.2 |
| 3 | 0.606 | 0.085 | 153.2 |
| 4 | 0.724 | 0.096 | 134.2 |
| 5 | 0.819 | 0.101 | 114.1 |
| 6 | 0.878 | 0.09 | 99.3 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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