# Wind speed teal scale

The Wind speed teal scale brings together off-white, teal, green, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is teal, and its lightest tone is off-white.

- Also called: White, navy, teal and yellow linear gradient
- Seed: `kW8Q1CLxPOT2bvngMjbbDO84`
- Page: https://grabient.com/kW8Q1CLxPOT2bvngMjbbDO84?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.6 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 | `#f2eee1` | `oklch(94.88% 0.0179 92.81)` | Whipped White | black, 18 to 1 |
| 2 | `#dfdecf` | `oklch(89.74% 0.0209 103.52)` | Corinthian Column | black, 15.4 to 1 |
| 3 | `#c3c8b6` | `oklch(82.35% 0.0250 118.86)` | Jugendstil Green | black, 12.2 to 1 |
| 4 | `#a1ae9c` | `oklch(73.51% 0.0298 137.18)` | Drizzle | black, 9 to 1 |
| 5 | `#7b9384` | `oklch(64.04% 0.0351 156.84)` | Green Bay | black, 6.3 to 1 |
| 6 | `#587970` | `oklch(54.78% 0.0406 176.19)` | Stately Stems | white, 4.7 to 1 |
| 7 | `#396261` | `oklch(46.53% 0.0459 193.58)` | Pyrite Green | white, 6.8 to 1 |
| 8 | `#225056` | `oklch(40.12% 0.0507 207.36)` | Pāua Shell | white, 8.9 to 1 |
| 9 | `#144550` | `oklch(36.32% 0.0546 215.99)` | Blue Hill | white, 10.5 to 1 |
| 10 | `#0c414f` | `oklch(34.75% 0.0576 220.61)` | Cold and Dark | white, 11.2 to 1 |
| 11 | `#094150` | `oklch(34.79% 0.0600 222.40)` | Cold and Dark | white, 11.2 to 1 |
| 12 | `#0a4454` | `oklch(36.09% 0.0619 221.80)` | Crab Nebula | white, 10.6 to 1 |
| 13 | `#0d4b5a` | `oklch(38.32% 0.0639 219.27)` | Nocturnal Expedition | white, 9.6 to 1 |
| 14 | `#115461` | `oklch(41.13% 0.0662 215.25)` | Rainy Morning | white, 8.5 to 1 |
| 15 | `#155d68` | `oklch(44.18% 0.0692 210.20)` | Tropical Skies | white, 7.4 to 1 |
| 16 | `#17676e` | `oklch(47.11% 0.0733 204.56)` | Kingfisher Bright | white, 6.5 to 1 |
| 17 | `#167073` | `oklch(49.77% 0.0788 198.40)` | Marine Wonder | white, 5.8 to 1 |
| 18 | `#167b77` | `oklch(52.96% 0.0861 190.00)` | Navajo Turquoise | white, 5 to 1 |
| 19 | `#1f8878` | `oklch(56.65% 0.0949 179.72)` | Palm Springs Splash | black, 4.8 to 1 |
| 20 | `#319676` | `oklch(60.61% 0.1043 168.30)` | Ocean Green | black, 5.7 to 1 |
| 21 | `#4aa371` | `oklch(64.65% 0.1138 156.50)` | Linoleum Green | black, 6.7 to 1 |
| 22 | `#66ae69` | `oklch(68.53% 0.1228 145.05)` | Ferntastic | black, 7.8 to 1 |
| 23 | `#81b760` | `oklch(72.04% 0.1306 134.72)` | Leafy Greens | black, 8.8 to 1 |
| 24 | `#98bd58` | `oklch(74.97% 0.1366 126.25)` | Green Pepper | black, 9.7 to 1 |
| 25 | `#aac252` | `oklch(77.24% 0.1405 119.91)` | Money Banks | black, 10.5 to 1 |
| 26 | `#b9c54f` | `oklch(79.11% 0.1427 114.78)` | Tropic Canary | black, 11.1 to 1 |
| 27 | `#c5c84e` | `oklch(80.64% 0.1437 110.66)` | Tansy | black, 11.7 to 1 |
| 28 | `#ceca4e` | `oklch(81.88% 0.1438 107.37)` | Slap Happy | black, 12.1 to 1 |
| 29 | `#d5cc50` | `oklch(82.88% 0.1433 104.75)` | Advertisement Green | black, 12.5 to 1 |
| 30 | `#dbcd52` | `oklch(83.71% 0.1426 102.62)` | Advertisement Green | black, 12.8 to 1 |
| 31 | `#e0ce54` | `oklch(84.41% 0.1420 100.81)` | Gold Deposit | black, 13.1 to 1 |
| 32 | `#e5cf55` | `oklch(85.04% 0.1419 99.15)` | Gamboge Yellow | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f2eee1 0.0%, #dfdecf 3.2%, #c3c8b6 6.5%, #a1ae9c 9.7%, #7b9384 12.9%, #587970 16.1%, #396261 19.4%, #225056 22.6%, #144550 25.8%, #0c414f 29.0%, #094150 32.3%, #0a4454 35.5%, #0d4b5a 38.7%, #115461 41.9%, #155d68 45.2%, #17676e 48.4%, #167073 51.6%, #167b77 54.8%, #1f8878 58.1%, #319676 61.3%, #4aa371 64.5%, #66ae69 67.7%, #81b760 71.0%, #98bd58 74.2%, #aac252 77.4%, #b9c54f 80.6%, #c5c84e 83.9%, #ceca4e 87.1%, #d5cc50 90.3%, #dbcd52 93.5%, #e0ce54 96.8%, #e5cf55 100.0%);
background: linear-gradient(90deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(89.74% 0.0209 103.52) 3.2%, oklch(82.35% 0.0250 118.86) 6.5%, oklch(73.51% 0.0298 137.18) 9.7%, oklch(64.04% 0.0351 156.84) 12.9%, oklch(54.78% 0.0406 176.19) 16.1%, oklch(46.53% 0.0459 193.58) 19.4%, oklch(40.12% 0.0507 207.36) 22.6%, oklch(36.32% 0.0546 215.99) 25.8%, oklch(34.75% 0.0576 220.61) 29.0%, oklch(34.79% 0.0600 222.40) 32.3%, oklch(36.09% 0.0619 221.80) 35.5%, oklch(38.32% 0.0639 219.27) 38.7%, oklch(41.13% 0.0662 215.25) 41.9%, oklch(44.18% 0.0692 210.20) 45.2%, oklch(47.11% 0.0733 204.56) 48.4%, oklch(49.77% 0.0788 198.40) 51.6%, oklch(52.96% 0.0861 190.00) 54.8%, oklch(56.65% 0.0949 179.72) 58.1%, oklch(60.61% 0.1043 168.30) 61.3%, oklch(64.65% 0.1138 156.50) 64.5%, oklch(68.53% 0.1228 145.05) 67.7%, oklch(72.04% 0.1306 134.72) 71.0%, oklch(74.97% 0.1366 126.25) 74.2%, oklch(77.24% 0.1405 119.91) 77.4%, oklch(79.11% 0.1427 114.78) 80.6%, oklch(80.64% 0.1437 110.66) 83.9%, oklch(81.88% 0.1438 107.37) 87.1%, oklch(82.88% 0.1433 104.75) 90.3%, oklch(83.71% 0.1426 102.62) 93.5%, oklch(84.41% 0.1420 100.81) 96.8%, oklch(85.04% 0.1419 99.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.018 | 92.8 |
| 2 | 0.37 | 0.054 | 214.3 |
| 3 | 0.484 | 0.076 | 201.7 |
| 4 | 0.756 | 0.138 | 124.5 |
| 5 | 0.85 | 0.142 | 99.2 |

## In these collections

- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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