# Deep cyan, gold and rose weather map

The Deep cyan, gold and rose weather map brings together teal, green, pale orange, orange, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is teal, and its lightest tone is pale orange.

- Also called: Teal, beige, orange and pink linear gradient
- Seed: `kWezePSaM5_KROLSuDsyr65Q`
- Page: https://grabient.com/kWezePSaM5_KROLSuDsyr65Q?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#176b70` | `oklch(48.43% 0.0758 201.09)` | Deep Lake | white, 6.1 to 1 |
| 2 | `#156e70` | `oklch(49.02% 0.0780 197.11)` | Active Turquoise | white, 6 to 1 |
| 3 | `#10716e` | `oklch(49.63% 0.0814 191.87)` | Boating Green | white, 5.8 to 1 |
| 4 | `#0d746b` | `oklch(50.35% 0.0855 185.63)` | Hawk Turquoise | white, 5.6 to 1 |
| 5 | `#117767` | `oklch(51.26% 0.0897 178.66)` | Teal Waters | white, 5.4 to 1 |
| 6 | `#1d7b63` | `oklch(52.45% 0.0935 171.21)` | Turquoise Cyan | white, 5.1 to 1 |
| 7 | `#2c805f` | `oklch(54.01% 0.0961 163.54)` | Accent Green Blue | white, 4.8 to 1 |
| 8 | `#3e855c` | `oklch(56.02% 0.0971 155.91)` | Adamite Green | black, 4.7 to 1 |
| 9 | `#518c5c` | `oklch(58.60% 0.0958 148.54)` | Middle Green | black, 5.2 to 1 |
| 10 | `#699561` | `oklch(62.41% 0.0907 140.85)` | Milpa | black, 6 to 1 |
| 11 | `#83a16c` | `oklch(67.30% 0.0825 132.72)` | Pickle | black, 7.2 to 1 |
| 12 | `#9daf7d` | `oklch(72.73% 0.0726 124.33)` | Fresh Guacamole | black, 8.8 to 1 |
| 13 | `#b6be90` | `oklch(78.20% 0.0625 115.91)` | Gloaming Green | black, 10.7 to 1 |
| 14 | `#cbcba3` | `oklch(83.19% 0.0537 107.66)` | Marrett Apple | black, 12.6 to 1 |
| 15 | `#dcd6b3` | `oklch(87.18% 0.0476 99.77)` | Alsot Olive | black, 14.3 to 1 |
| 16 | `#e7ddbb` | `oklch(89.65% 0.0458 92.46)` | Amish Bread | black, 15.4 to 1 |
| 17 | `#edddba` | `oklch(90.12% 0.0495 85.92)` | Salt Steppe | black, 15.6 to 1 |
| 18 | `#eed6ae` | `oklch(88.61% 0.0591 80.22)` | Ashwood | black, 14.8 to 1 |
| 19 | `#ecca9a` | `oklch(85.62% 0.0731 75.12)` | Filtered Moon | black, 13.4 to 1 |
| 20 | `#e8b982` | `oklch(81.62% 0.0897 70.39)` | Polvo de Oro | black, 11.7 to 1 |
| 21 | `#e4a668` | `oklch(77.13% 0.1076 65.80)` | Apricot Sorbet | black, 9.9 to 1 |
| 22 | `#df934e` | `oklch(72.61% 0.1250 61.11)` | Orange Caramel | black, 8.4 to 1 |
| 23 | `#da8037` | `oklch(68.58% 0.1404 56.07)` | Mexican Spirit | black, 7.1 to 1 |
| 24 | `#d8702a` | `oklch(65.52% 0.1521 50.45)` | Tahiti Gold | black, 6.2 to 1 |
| 25 | `#d7642c` | `oklch(63.58% 0.1597 43.89)` | Tangerine Bliss | black, 5.7 to 1 |
| 26 | `#d75a38` | `oklch(62.14% 0.1648 36.24)` | Energetic Orange | black, 5.3 to 1 |
| 27 | `#d55247` | `oklch(61.07% 0.1680 27.94)` | Gladiola | black, 5.1 to 1 |
| 28 | `#d34c56` | `oklch(60.31% 0.1699 19.46)` | Faded Red | black, 4.9 to 1 |
| 29 | `#d04965` | `oklch(59.77% 0.1707 11.25)` | California Wine | black, 4.8 to 1 |
| 30 | `#cc4773` | `oklch(59.37% 0.1711 3.78)` | Rubber Band | black, 4.7 to 1 |
| 31 | `#c8477e` | `oklch(59.03% 0.1715 357.51)` | Fuchsia Rose | black, 4.6 to 1 |
| 32 | `#c54685` | `oklch(58.66% 0.1722 352.91)` | Smitten | black, 4.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #176b70 0.0%, #156e70 3.2%, #10716e 6.5%, #0d746b 9.7%, #117767 12.9%, #1d7b63 16.1%, #2c805f 19.4%, #3e855c 22.6%, #518c5c 25.8%, #699561 29.0%, #83a16c 32.3%, #9daf7d 35.5%, #b6be90 38.7%, #cbcba3 41.9%, #dcd6b3 45.2%, #e7ddbb 48.4%, #edddba 51.6%, #eed6ae 54.8%, #ecca9a 58.1%, #e8b982 61.3%, #e4a668 64.5%, #df934e 67.7%, #da8037 71.0%, #d8702a 74.2%, #d7642c 77.4%, #d75a38 80.6%, #d55247 83.9%, #d34c56 87.1%, #d04965 90.3%, #cc4773 93.5%, #c8477e 96.8%, #c54685 100.0%);
background: linear-gradient(90deg in oklch, oklch(48.43% 0.0758 201.09) 0.0%, oklch(49.02% 0.0780 197.11) 3.2%, oklch(49.63% 0.0814 191.87) 6.5%, oklch(50.35% 0.0855 185.63) 9.7%, oklch(51.26% 0.0897 178.66) 12.9%, oklch(52.45% 0.0935 171.21) 16.1%, oklch(54.01% 0.0961 163.54) 19.4%, oklch(56.02% 0.0971 155.91) 22.6%, oklch(58.60% 0.0958 148.54) 25.8%, oklch(62.41% 0.0907 140.85) 29.0%, oklch(67.30% 0.0825 132.72) 32.3%, oklch(72.73% 0.0726 124.33) 35.5%, oklch(78.20% 0.0625 115.91) 38.7%, oklch(83.19% 0.0537 107.66) 41.9%, oklch(87.18% 0.0476 99.77) 45.2%, oklch(89.65% 0.0458 92.46) 48.4%, oklch(90.12% 0.0495 85.92) 51.6%, oklch(88.61% 0.0591 80.22) 54.8%, oklch(85.62% 0.0731 75.12) 58.1%, oklch(81.62% 0.0897 70.39) 61.3%, oklch(77.13% 0.1076 65.80) 64.5%, oklch(72.61% 0.1250 61.11) 67.7%, oklch(68.58% 0.1404 56.07) 71.0%, oklch(65.52% 0.1521 50.45) 74.2%, oklch(63.58% 0.1597 43.89) 77.4%, oklch(62.14% 0.1648 36.24) 80.6%, oklch(61.07% 0.1680 27.94) 83.9%, oklch(60.31% 0.1699 19.46) 87.1%, oklch(59.77% 0.1707 11.25) 90.3%, oklch(59.37% 0.1711 3.78) 93.5%, oklch(59.03% 0.1715 357.51) 96.8%, oklch(58.66% 0.1722 352.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.484 | 0.076 | 201.1 |
| 2 | 0.579 | 0.096 | 150.4 |
| 3 | 0.902 | 0.047 | 89.1 |
| 4 | 0.65 | 0.154 | 48.9 |
| 5 | 0.587 | 0.172 | -7.1 |

## In these collections

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

## Other forms

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