# Champagne and violet weather map palette

The Champagne and violet weather map palette brings together off-white, blue, purple, magenta, and pale orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: White, blue, purple and beige linear gradient
- Seed: `kW8Q1CRg3STirxjKvsX8pFLQ`
- Page: https://grabient.com/kW8Q1CRg3STirxjKvsX8pFLQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 6.9 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 | `#e4e4d6` | `oklch(91.49% 0.0190 106.00)` | Garden Pebble | black, 16.3 to 1 |
| 3 | `#d0d6c8` | `oklch(86.72% 0.0200 124.40)` | Aspen Mist | black, 14.1 to 1 |
| 4 | `#b9c5b9` | `oklch(81.04% 0.0211 146.36)` | Median Green | black, 11.7 to 1 |
| 5 | `#a0b2ab` | `oklch(74.88% 0.0226 170.21)` | Garden Vista | black, 9.4 to 1 |
| 6 | `#89a09f` | `oklch(68.69% 0.0249 194.29)` | Aqua Smoke | black, 7.5 to 1 |
| 7 | `#768d94` | `oklch(62.91% 0.0282 216.95)` | Shaker Blue | black, 6 to 1 |
| 8 | `#687e8b` | `oklch(57.98% 0.0328 236.51)` | Lynch | black, 4.9 to 1 |
| 9 | `#5f7286` | `oklch(54.32% 0.0389 251.41)` | Lost Atlantis | white, 4.9 to 1 |
| 10 | `#596883` | `oklch(51.48% 0.0473 262.52)` | Dana | white, 5.6 to 1 |
| 11 | `#555f82` | `oklch(49.16% 0.0575 271.05)` | Sapphire Earbobs | white, 6.2 to 1 |
| 12 | `#525882` | `oklch(47.33% 0.0689 277.67)` | Mauve Dusk | white, 6.8 to 1 |
| 13 | `#525184` | `oklch(45.98% 0.0811 283.01)` | Tangent Periwinkle | white, 7.2 to 1 |
| 14 | `#534c86` | `oklch(45.05% 0.0932 287.72)` | Victoria | white, 7.6 to 1 |
| 15 | `#564788` | `oklch(44.54% 0.1048 292.45)` | Gigas | white, 7.8 to 1 |
| 16 | `#5c438a` | `oklch(44.42% 0.1153 297.84)` | Harvest Night | white, 8 to 1 |
| 17 | `#643f8b` | `oklch(44.67% 0.1245 304.24)` | Lords of the Night | white, 7.9 to 1 |
| 18 | `#6d3c8d` | `oklch(45.41% 0.1346 310.26)` | Perkin Mauve | white, 7.8 to 1 |
| 19 | `#783a8f` | `oklch(46.61% 0.1453 315.91)` | Perkin Mauve | white, 7.4 to 1 |
| 20 | `#853992` | `oklch(48.24% 0.1555 321.50)` | Dull Violet | white, 7 to 1 |
| 21 | `#923993` | `oklch(50.23% 0.1644 327.34)` | Purple Excellency | white, 6.5 to 1 |
| 22 | `#a13a93` | `oklch(52.54% 0.1709 333.73)` | Purple Cactus Flower | white, 5.9 to 1 |
| 23 | `#b13e90` | `oklch(55.12% 0.1742 340.98)` | Fandango | white, 5.3 to 1 |
| 24 | `#c04489` | `oklch(57.93% 0.1733 349.40)` | Boat Orchid | white, 4.7 to 1 |
| 25 | `#cf5080` | `oklch(61.16% 0.1666 359.64)` | Pink Flambé | black, 5.1 to 1 |
| 26 | `#dc6276` | `oklch(65.22% 0.1535 12.25)` | Feverish | black, 6 to 1 |
| 27 | `#e67a70` | `oklch(69.84% 0.1358 26.39)` | Pueblo Rose | black, 7.3 to 1 |
| 28 | `#eb9373` | `oklch(74.69% 0.1154 41.13)` | La Terra | black, 8.9 to 1 |
| 29 | `#ebac81` | `oklch(79.46% 0.0944 55.56)` | Melting Sunset | black, 10.7 to 1 |
| 30 | `#ebc295` | `oklch(83.84% 0.0747 68.77)` | Apple Turnover | black, 12.6 to 1 |
| 31 | `#ead2ab` | `oklch(87.51% 0.0582 79.85)` | Champagne | black, 14.3 to 1 |
| 32 | `#ecddbc` | `oklch(90.16% 0.0469 87.88)` | Salt Steppe | black, 15.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f2eee1 0.0%, #e4e4d6 3.2%, #d0d6c8 6.5%, #b9c5b9 9.7%, #a0b2ab 12.9%, #89a09f 16.1%, #768d94 19.4%, #687e8b 22.6%, #5f7286 25.8%, #596883 29.0%, #555f82 32.3%, #525882 35.5%, #525184 38.7%, #534c86 41.9%, #564788 45.2%, #5c438a 48.4%, #643f8b 51.6%, #6d3c8d 54.8%, #783a8f 58.1%, #853992 61.3%, #923993 64.5%, #a13a93 67.7%, #b13e90 71.0%, #c04489 74.2%, #cf5080 77.4%, #dc6276 80.6%, #e67a70 83.9%, #eb9373 87.1%, #ebac81 90.3%, #ebc295 93.5%, #ead2ab 96.8%, #ecddbc 100.0%);
background: linear-gradient(135deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(91.49% 0.0190 106.00) 3.2%, oklch(86.72% 0.0200 124.40) 6.5%, oklch(81.04% 0.0211 146.36) 9.7%, oklch(74.88% 0.0226 170.21) 12.9%, oklch(68.69% 0.0249 194.29) 16.1%, oklch(62.91% 0.0282 216.95) 19.4%, oklch(57.98% 0.0328 236.51) 22.6%, oklch(54.32% 0.0389 251.41) 25.8%, oklch(51.48% 0.0473 262.52) 29.0%, oklch(49.16% 0.0575 271.05) 32.3%, oklch(47.33% 0.0689 277.67) 35.5%, oklch(45.98% 0.0811 283.01) 38.7%, oklch(45.05% 0.0932 287.72) 41.9%, oklch(44.54% 0.1048 292.45) 45.2%, oklch(44.42% 0.1153 297.84) 48.4%, oklch(44.67% 0.1245 304.24) 51.6%, oklch(45.41% 0.1346 310.26) 54.8%, oklch(46.61% 0.1453 315.91) 58.1%, oklch(48.24% 0.1555 321.50) 61.3%, oklch(50.23% 0.1644 327.34) 64.5%, oklch(52.54% 0.1709 333.73) 67.7%, oklch(55.12% 0.1742 340.98) 71.0%, oklch(57.93% 0.1733 349.40) 74.2%, oklch(61.16% 0.1666 359.64) 77.4%, oklch(65.22% 0.1535 12.25) 80.6%, oklch(69.84% 0.1358 26.39) 83.9%, oklch(74.69% 0.1154 41.13) 87.1%, oklch(79.46% 0.0944 55.56) 90.3%, oklch(83.84% 0.0747 68.77) 93.5%, oklch(87.51% 0.0582 79.85) 96.8%, oklch(90.16% 0.0469 87.88) 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.551 | 0.037 | 248.2 |
| 3 | 0.445 | 0.12 | 301 |
| 4 | 0.587 | 0.172 | 351.7 |
| 5 | 0.902 | 0.047 | 447.9 |

## In these collections

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

## Other forms

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