# Soft gold muted green muted teal gradient

Mustard, light blue, green and teal linear gradient with 48 colors: #d2af2b, #c7b438, #b7bb4b, #a3c263, #8dc87d, #79cc97, #6cceae, #69cdc2, #6fcad0, #78c7d8, #82c3dc, #88bfdc, #89bcda, #86b8d5, #7eb4cf, #74b0c7, #67abbd, #5aa7b0, #4ea2a2, #469c92, #419782, #409173, #408b66, #40875d, #3c8459, #358159, #2a7f5c, #1b7d62, #037b68, #007970, #007776, #00757d, #007483, #0d7389, #1b738c, #23748e, #287690, #2d7992, #317e93, #378494, #3d8a95, #459096, #4f9796, #589d96, #62a297, #6ba797, #72ab97, #78ad98. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Mustard, light blue, green and teal linear gradient
- Seed: `kWwmlCYhlQscjtpCn0g2Ze5I`
- Page: https://grabient.com/kWwmlCYhlQscjtpCn0g2Ze5I?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#d2af2b` | `oklch(76.38% 0.1447 92.81)` | Grass Daisy | black, 9.9 to 1 |
| 2 | `#c7b438` | `oklch(76.49% 0.1406 100.55)` | Warm Olive | black, 10 to 1 |
| 3 | `#b7bb4b` | `oklch(76.73% 0.1350 111.27)` | Sinsemilla | black, 10.2 to 1 |
| 4 | `#a3c263` | `oklch(77.06% 0.1282 124.30)` | Jungle Juice | black, 10.4 to 1 |
| 5 | `#8dc87d` | `oklch(77.43% 0.1205 138.97)` | Fresh Cut Grass | black, 10.7 to 1 |
| 6 | `#79cc97` | `oklch(77.80% 0.1123 154.61)` | Jocose Jade | black, 10.9 to 1 |
| 7 | `#6cceae` | `oklch(78.14% 0.1039 170.55)` | Aquarium Blue | black, 11 to 1 |
| 8 | `#69cdc2` | `oklch(78.39% 0.0957 186.12)` | Skylar | black, 11 to 1 |
| 9 | `#6fcad0` | `oklch(78.52% 0.0880 200.65)` | Beach Sparkle | black, 11 to 1 |
| 10 | `#78c7d8` | `oklch(78.48% 0.0810 213.47)` | Water Flow | black, 10.9 to 1 |
| 11 | `#82c3dc` | `oklch(78.23% 0.0753 223.90)` | Blue Charm | black, 10.7 to 1 |
| 12 | `#88bfdc` | `oklch(77.73% 0.0710 231.29)` | High Elf Blue | black, 10.5 to 1 |
| 13 | `#89bcda` | `oklch(76.93% 0.0685 234.95)` | Frozen Whisper | black, 10.2 to 1 |
| 14 | `#86b8d5` | `oklch(75.75% 0.0677 234.61)` | Simply Posh | black, 9.8 to 1 |
| 15 | `#7eb4cf` | `oklch(74.21% 0.0685 230.85)` | Blue Cuddle | black, 9.3 to 1 |
| 16 | `#74b0c7` | `oklch(72.39% 0.0705 224.36)` | Aspara | black, 8.7 to 1 |
| 17 | `#67abbd` | `oklch(70.36% 0.0734 215.80)` | Well Water | black, 8.1 to 1 |
| 18 | `#5aa7b0` | `oklch(68.20% 0.0769 205.88)` | Gone Fishing | black, 7.5 to 1 |
| 19 | `#4ea2a2` | `oklch(65.97% 0.0809 195.26)` | Teal Bayou | black, 6.9 to 1 |
| 20 | `#469c92` | `oklch(63.75% 0.0850 184.65)` | Lagoon | black, 6.4 to 1 |
| 21 | `#419782` | `oklch(61.62% 0.0890 174.71)` | Crisp Lettuce | black, 5.9 to 1 |
| 22 | `#409173` | `oklch(59.65% 0.0925 166.14)` | Illuminating Emerald | black, 5.4 to 1 |
| 23 | `#408b66` | `oklch(57.92% 0.0954 159.61)` | Mallard Green | black, 5.1 to 1 |
| 24 | `#40875d` | `oklch(56.48% 0.0973 155.82)` | Onion Seedling | black, 4.8 to 1 |
| 25 | `#3c8459` | `oklch(55.39% 0.0981 155.33)` | Adamite Green | black, 4.6 to 1 |
| 26 | `#358159` | `oklch(54.44% 0.0983 157.73)` | Kākāriki Green | white, 4.7 to 1 |
| 27 | `#2a7f5c` | `oklch(53.60% 0.0981 162.44)` | Verdant Green | white, 4.8 to 1 |
| 28 | `#1b7d62` | `oklch(52.87% 0.0974 168.95)` | Verdant Green | white, 5 to 1 |
| 29 | `#037b68` | `oklch(52.28% 0.0965 176.75)` | Ultramarine Green | white, 5.1 to 1 |
| 30 | `#007970` | `oklch(51.82% 0.0912 185.33)` | Pond Moss | white, 5.2 to 1 |
| 31 | `#007776` | `oklch(51.49% 0.0880 194.19)` | Prismarine | white, 5.3 to 1 |
| 32 | `#00757d` | `oklch(51.31% 0.0874 202.81)` | Scurf Green | white, 5.4 to 1 |
| 33 | `#007483` | `oklch(51.29% 0.0889 210.68)` | Deep Current | white, 5.4 to 1 |
| 34 | `#0d7389` | `oklch(51.42% 0.0889 217.28)` | Glamour Green | white, 5.4 to 1 |
| 35 | `#1b738c` | `oklch(51.73% 0.0873 222.12)` | Amulet Gem | white, 5.4 to 1 |
| 36 | `#23748e` | `oklch(52.21% 0.0858 224.68)` | Devil Blue | white, 5.3 to 1 |
| 37 | `#287690` | `oklch(52.95% 0.0843 224.70)` | Devil Blue | white, 5.1 to 1 |
| 38 | `#2d7992` | `oklch(54.06% 0.0826 222.71)` | Turkish Stone | white, 4.9 to 1 |
| 39 | `#317e93` | `oklch(55.49% 0.0807 219.06)` | Valley of Glaciers | white, 4.6 to 1 |
| 40 | `#378494` | `oklch(57.17% 0.0787 214.10)` | Precious Stone | black, 4.8 to 1 |
| 41 | `#3d8a95` | `oklch(59.01% 0.0767 208.16)` | Seachange | black, 5.2 to 1 |
| 42 | `#459096` | `oklch(60.95% 0.0746 201.58)` | Adrift | black, 5.7 to 1 |
| 43 | `#4f9796` | `oklch(62.91% 0.0725 194.71)` | Aquatic Green | black, 6.1 to 1 |
| 44 | `#589d96` | `oklch(64.82% 0.0706 187.89)` | Caulerpa Lentillifera | black, 6.6 to 1 |
| 45 | `#62a297` | `oklch(66.61% 0.0688 181.45)` | Emerald Oasis | black, 7.1 to 1 |
| 46 | `#6ba797` | `oklch(68.19% 0.0672 175.74)` | Calmness | black, 7.5 to 1 |
| 47 | `#72ab97` | `oklch(69.50% 0.0658 171.09)` | Acapulco | black, 7.9 to 1 |
| 48 | `#78ad98` | `oklch(70.47% 0.0648 167.84)` | Dusty Jade Green | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #d2af2b 0.0%, #c7b438 2.1%, #b7bb4b 4.3%, #a3c263 6.4%, #8dc87d 8.5%, #79cc97 10.6%, #6cceae 12.8%, #69cdc2 14.9%, #6fcad0 17.0%, #78c7d8 19.1%, #82c3dc 21.3%, #88bfdc 23.4%, #89bcda 25.5%, #86b8d5 27.7%, #7eb4cf 29.8%, #74b0c7 31.9%, #67abbd 34.0%, #5aa7b0 36.2%, #4ea2a2 38.3%, #469c92 40.4%, #419782 42.6%, #409173 44.7%, #408b66 46.8%, #40875d 48.9%, #3c8459 51.1%, #358159 53.2%, #2a7f5c 55.3%, #1b7d62 57.4%, #037b68 59.6%, #007970 61.7%, #007776 63.8%, #00757d 66.0%, #007483 68.1%, #0d7389 70.2%, #1b738c 72.3%, #23748e 74.5%, #287690 76.6%, #2d7992 78.7%, #317e93 80.9%, #378494 83.0%, #3d8a95 85.1%, #459096 87.2%, #4f9796 89.4%, #589d96 91.5%, #62a297 93.6%, #6ba797 95.7%, #72ab97 97.9%, #78ad98 100.0%);
background: linear-gradient(135deg in oklch, oklch(76.38% 0.1447 92.81) 0.0%, oklch(76.49% 0.1406 100.55) 2.1%, oklch(76.73% 0.1350 111.27) 4.3%, oklch(77.06% 0.1282 124.30) 6.4%, oklch(77.43% 0.1205 138.97) 8.5%, oklch(77.80% 0.1123 154.61) 10.6%, oklch(78.14% 0.1039 170.55) 12.8%, oklch(78.39% 0.0957 186.12) 14.9%, oklch(78.52% 0.0880 200.65) 17.0%, oklch(78.48% 0.0810 213.47) 19.1%, oklch(78.23% 0.0753 223.90) 21.3%, oklch(77.73% 0.0710 231.29) 23.4%, oklch(76.93% 0.0685 234.95) 25.5%, oklch(75.75% 0.0677 234.61) 27.7%, oklch(74.21% 0.0685 230.85) 29.8%, oklch(72.39% 0.0705 224.36) 31.9%, oklch(70.36% 0.0734 215.80) 34.0%, oklch(68.20% 0.0769 205.88) 36.2%, oklch(65.97% 0.0809 195.26) 38.3%, oklch(63.75% 0.0850 184.65) 40.4%, oklch(61.62% 0.0890 174.71) 42.6%, oklch(59.65% 0.0925 166.14) 44.7%, oklch(57.92% 0.0954 159.61) 46.8%, oklch(56.48% 0.0973 155.82) 48.9%, oklch(55.39% 0.0981 155.33) 51.1%, oklch(54.44% 0.0983 157.73) 53.2%, oklch(53.60% 0.0981 162.44) 55.3%, oklch(52.87% 0.0974 168.95) 57.4%, oklch(52.28% 0.0965 176.75) 59.6%, oklch(51.82% 0.0912 185.33) 61.7%, oklch(51.49% 0.0880 194.19) 63.8%, oklch(51.31% 0.0874 202.81) 66.0%, oklch(51.29% 0.0889 210.68) 68.1%, oklch(51.42% 0.0889 217.28) 70.2%, oklch(51.73% 0.0873 222.12) 72.3%, oklch(52.21% 0.0858 224.68) 74.5%, oklch(52.95% 0.0843 224.70) 76.6%, oklch(54.06% 0.0826 222.71) 78.7%, oklch(55.49% 0.0807 219.06) 80.9%, oklch(57.17% 0.0787 214.10) 83.0%, oklch(59.01% 0.0767 208.16) 85.1%, oklch(60.95% 0.0746 201.58) 87.2%, oklch(62.91% 0.0725 194.71) 89.4%, oklch(64.82% 0.0706 187.89) 91.5%, oklch(66.61% 0.0688 181.45) 93.6%, oklch(68.19% 0.0672 175.74) 95.7%, oklch(69.50% 0.0658 171.09) 97.9%, oklch(70.47% 0.0648 167.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.145 | 92.8 |
| 2 | 0.772 | 0.069 | 234.4 |
| 3 | 0.559 | 0.098 | 155.2 |
| 4 | 0.524 | 0.085 | 224.9 |
| 5 | 0.705 | 0.065 | 167.8 |

## In these collections

- [School uniform](https://grabient.com/school-uniform)

## Other forms

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