# Violet, turquoise and terracotta weather map palette

The Violet, turquoise and terracotta weather map palette brings together purple, blue, teal, gold, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Purple, blue, green and orange linear gradient
- Seed: `kWcVfWvbC6tgoujsM7K0rg54`
- Page: https://grabient.com/kWcVfWvbC6tgoujsM7K0rg54?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.1 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 | `#60418a` | `oklch(44.49% 0.1199 301.64)` | Lords of the Night | white, 8 to 1 |
| 2 | `#5e428e` | `oklch(44.68% 0.1212 298.12)` | Daisy Bush | white, 7.9 to 1 |
| 3 | `#594492` | `oklch(44.81% 0.1233 293.44)` | Daisy Bush | white, 7.8 to 1 |
| 4 | `#534696` | `oklch(44.95% 0.1259 287.88)` | Liberty | white, 7.8 to 1 |
| 5 | `#4c499a` | `oklch(45.19% 0.1285 281.69)` | Liberty | white, 7.6 to 1 |
| 6 | `#444d9e` | `oklch(45.62% 0.1309 275.12)` | Dazzling Blue | white, 7.5 to 1 |
| 7 | `#3a52a2` | `oklch(46.31% 0.1327 268.44)` | Dazzling Blue | white, 7.2 to 1 |
| 8 | `#2f58a6` | `oklch(47.36% 0.1337 261.91)` | Blasphemous Blue | white, 6.8 to 1 |
| 9 | `#245fa9` | `oklch(48.85% 0.1335 255.78)` | Rainbow Bright | white, 6.3 to 1 |
| 10 | `#1a68ad` | `oklch(50.89% 0.1316 250.35)` | Barbados Blue | white, 5.7 to 1 |
| 11 | `#1372b2` | `oklch(53.40% 0.1283 245.35)` | Cobalt Glaze | white, 5.1 to 1 |
| 12 | `#137db6` | `oklch(56.24% 0.1243 240.41)` | Artesian Water | black, 4.6 to 1 |
| 13 | `#1788bb` | `oklch(59.27% 0.1200 235.14)` | Mermaid Dreams | black, 5.2 to 1 |
| 14 | `#1d94bf` | `oklch(62.34% 0.1161 229.17)` | Spa Dream | black, 6 to 1 |
| 15 | `#229fc1` | `oklch(65.32% 0.1131 222.11)` | Delos Blue | black, 6.7 to 1 |
| 16 | `#26aac2` | `oklch(68.06% 0.1116 213.58)` | Sarah’s Garden | black, 7.5 to 1 |
| 17 | `#29b4bf` | `oklch(70.52% 0.1121 203.09)` | Lago Blue | black, 8.3 to 1 |
| 18 | `#35bfb8` | `oklch(73.20% 0.1145 190.03)` | Tint of Turquoise | black, 9.2 to 1 |
| 19 | `#4dc9ad` | `oklch(76.01% 0.1181 175.05)` | Biscay Green | black, 10.3 to 1 |
| 20 | `#6dd29d` | `oklch(78.75% 0.1228 158.94)` | Van Gogh Green | black, 11.3 to 1 |
| 21 | `#90d78a` | `oklch(81.23% 0.1278 142.51)` | Leek | black, 12.2 to 1 |
| 22 | `#b2d876` | `oklch(83.24% 0.1329 126.57)` | Wasabi | black, 12.9 to 1 |
| 23 | `#cfd564` | `oklch(84.59% 0.1375 111.91)` | Energised | black, 13.3 to 1 |
| 24 | `#e5cf56` | `oklch(85.08% 0.1412 99.35)` | Gamboge Yellow | black, 13.4 to 1 |
| 25 | `#f2c64d` | `oklch(84.43% 0.1439 89.09)` | Lauwiliwilinukunuku’oi’oi | black, 12.9 to 1 |
| 26 | `#f7ba45` | `oklch(82.53% 0.1462 80.03)` | Samoan Sun | black, 12 to 1 |
| 27 | `#f7ac3f` | `oklch(79.74% 0.1482 72.05)` | Raichu Orange | black, 10.8 to 1 |
| 28 | `#f39c39` | `oklch(76.42% 0.1498 65.07)` | Amber Glow | black, 9.6 to 1 |
| 29 | `#ec8d34` | `oklch(72.92% 0.1513 59.04)` | Sun | black, 8.4 to 1 |
| 30 | `#e47f31` | `oklch(69.60% 0.1525 53.88)` | Blast Burn | black, 7.3 to 1 |
| 31 | `#dd7430` | `oklch(66.83% 0.1535 49.52)` | Tahiti Gold | black, 6.6 to 1 |
| 32 | `#d96c31` | `oklch(64.96% 0.1543 45.91)` | Gold Drop | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #60418a 0.0%, #5e428e 3.2%, #594492 6.5%, #534696 9.7%, #4c499a 12.9%, #444d9e 16.1%, #3a52a2 19.4%, #2f58a6 22.6%, #245fa9 25.8%, #1a68ad 29.0%, #1372b2 32.3%, #137db6 35.5%, #1788bb 38.7%, #1d94bf 41.9%, #229fc1 45.2%, #26aac2 48.4%, #29b4bf 51.6%, #35bfb8 54.8%, #4dc9ad 58.1%, #6dd29d 61.3%, #90d78a 64.5%, #b2d876 67.7%, #cfd564 71.0%, #e5cf56 74.2%, #f2c64d 77.4%, #f7ba45 80.6%, #f7ac3f 83.9%, #f39c39 87.1%, #ec8d34 90.3%, #e47f31 93.5%, #dd7430 96.8%, #d96c31 100.0%);
background: linear-gradient(90deg in oklch, oklch(44.49% 0.1199 301.64) 0.0%, oklch(44.68% 0.1212 298.12) 3.2%, oklch(44.81% 0.1233 293.44) 6.5%, oklch(44.95% 0.1259 287.88) 9.7%, oklch(45.19% 0.1285 281.69) 12.9%, oklch(45.62% 0.1309 275.12) 16.1%, oklch(46.31% 0.1327 268.44) 19.4%, oklch(47.36% 0.1337 261.91) 22.6%, oklch(48.85% 0.1335 255.78) 25.8%, oklch(50.89% 0.1316 250.35) 29.0%, oklch(53.40% 0.1283 245.35) 32.3%, oklch(56.24% 0.1243 240.41) 35.5%, oklch(59.27% 0.1200 235.14) 38.7%, oklch(62.34% 0.1161 229.17) 41.9%, oklch(65.32% 0.1131 222.11) 45.2%, oklch(68.06% 0.1116 213.58) 48.4%, oklch(70.52% 0.1121 203.09) 51.6%, oklch(73.20% 0.1145 190.03) 54.8%, oklch(76.01% 0.1181 175.05) 58.1%, oklch(78.75% 0.1228 158.94) 61.3%, oklch(81.23% 0.1278 142.51) 64.5%, oklch(83.24% 0.1329 126.57) 67.7%, oklch(84.59% 0.1375 111.91) 71.0%, oklch(85.08% 0.1412 99.35) 74.2%, oklch(84.43% 0.1439 89.09) 77.4%, oklch(82.53% 0.1462 80.03) 80.6%, oklch(79.74% 0.1482 72.05) 83.9%, oklch(76.42% 0.1498 65.07) 87.1%, oklch(72.92% 0.1513 59.04) 90.3%, oklch(69.60% 0.1525 53.88) 93.5%, oklch(66.83% 0.1535 49.52) 96.8%, oklch(64.96% 0.1543 45.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.12 | 301.6 |
| 2 | 0.484 | 0.134 | 257.3 |
| 3 | 0.693 | 0.112 | 208.6 |
| 4 | 0.85 | 0.142 | 96.6 |
| 5 | 0.65 | 0.154 | 45.9 |

## In these collections

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

## Other forms

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