# Champagne, sage and crimson weather map palette

The Champagne, sage and crimson weather map palette brings together off-white, pale teal, light orange, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits information graphics and map mood boards. Its darkest tone is red, and its lightest tone is off-white.

- Also called: White, light blue and red linear gradient
- Seed: `kU8Q1Cd4nLOYcsBGvbyA`
- Page: https://grabient.com/kU8Q1Cd4nLOYcsBGvbyA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.5 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 | `#f1efe1` | `oklch(94.89% 0.0182 99.23)` | Coconut Butter | black, 18.1 to 1 |
| 3 | `#eff0e2` | `oklch(94.98% 0.0183 108.70)` | Frostwork | black, 18.1 to 1 |
| 4 | `#edf1e3` | `oklch(95.10% 0.0184 120.33)` | Aspen Whisper | black, 18.2 to 1 |
| 5 | `#eaf2e6` | `oklch(95.23% 0.0185 133.24)` | Chestnut White | black, 18.3 to 1 |
| 6 | `#e8f3e8` | `oklch(95.34% 0.0187 146.56)` | Aqua Spring | black, 18.4 to 1 |
| 7 | `#e6f4eb` | `oklch(95.38% 0.0192 159.39)` | Aqua Spring | black, 18.4 to 1 |
| 8 | `#e3f4ee` | `oklch(95.34% 0.0200 170.86)` | Bath Bubbles | black, 18.4 to 1 |
| 9 | `#e1f4ef` | `oklch(95.17% 0.0212 180.09)` | Bone-Chilling | black, 18.3 to 1 |
| 10 | `#def3f0` | `oklch(94.84% 0.0229 186.18)` | Glacier Bay | black, 18.2 to 1 |
| 11 | `#daf2ef` | `oklch(94.32% 0.0252 188.27)` | Air of Mint | black, 17.9 to 1 |
| 12 | `#d6f0ec` | `oklch(93.59% 0.0282 185.53)` | Green Frosting | black, 17.5 to 1 |
| 13 | `#d2eee7` | `oklch(92.73% 0.0317 178.13)` | Teal Ice | black, 17.1 to 1 |
| 14 | `#ceecdf` | `oklch(91.73% 0.0356 166.96)` | Hatching Chameleon | black, 16.6 to 1 |
| 15 | `#cde8d4` | `oklch(90.61% 0.0399 152.94)` | Glacial Water Green | black, 16.1 to 1 |
| 16 | `#cfe3c7` | `oklch(89.37% 0.0447 136.97)` | Endive | black, 15.4 to 1 |
| 17 | `#d3ddb9` | `oklch(88.01% 0.0498 119.97)` | Green Parlour | black, 14.7 to 1 |
| 18 | `#d9d5ab` | `oklch(86.55% 0.0553 102.84)` | Dull Sage | black, 14 to 1 |
| 19 | `#dfcca0` | `oklch(84.97% 0.0612 86.51)` | Shui Jiao Dumpling | black, 13.2 to 1 |
| 20 | `#e4c298` | `oklch(83.30% 0.0674 71.87)` | Dapper Dingo | black, 12.4 to 1 |
| 21 | `#e7b893` | `oklch(81.54% 0.0740 59.83)` | Gentle Doe | black, 11.6 to 1 |
| 22 | `#e8ae8d` | `oklch(79.67% 0.0809 51.18)` | Ancient Inca | black, 10.8 to 1 |
| 23 | `#e6a487` | `oklch(77.47% 0.0890 44.65)` | Peach Nougat | black, 10 to 1 |
| 24 | `#e4987f` | `oklch(74.97% 0.0983 39.56)` | Sockeye | black, 9.1 to 1 |
| 25 | `#e08c76` | `oklch(72.26% 0.1082 35.68)` | Middle Red | black, 8.2 to 1 |
| 26 | `#dc806c` | `oklch(69.43% 0.1186 32.82)` | Wet Pottery Clay | black, 7.3 to 1 |
| 27 | `#d77362` | `oklch(66.58% 0.1290 30.76)` | OK Corral | black, 6.5 to 1 |
| 28 | `#d36758` | `oklch(63.82% 0.1391 29.30)` | Desert Coral | black, 5.8 to 1 |
| 29 | `#ce5b4f` | `oklch(61.23% 0.1486 28.22)` | Firebug | black, 5.2 to 1 |
| 30 | `#c95046` | `oklch(58.92% 0.1570 27.31)` | Terra Cotta Red | black, 4.7 to 1 |
| 31 | `#c64640` | `oklch(56.98% 0.1641 26.37)` | Reddish | white, 4.8 to 1 |
| 32 | `#c33e3c` | `oklch(55.51% 0.1695 25.18)` | Costa Rican Palm | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f2eee1 0.0%, #f1efe1 3.2%, #eff0e2 6.5%, #edf1e3 9.7%, #eaf2e6 12.9%, #e8f3e8 16.1%, #e6f4eb 19.4%, #e3f4ee 22.6%, #e1f4ef 25.8%, #def3f0 29.0%, #daf2ef 32.3%, #d6f0ec 35.5%, #d2eee7 38.7%, #ceecdf 41.9%, #cde8d4 45.2%, #cfe3c7 48.4%, #d3ddb9 51.6%, #d9d5ab 54.8%, #dfcca0 58.1%, #e4c298 61.3%, #e7b893 64.5%, #e8ae8d 67.7%, #e6a487 71.0%, #e4987f 74.2%, #e08c76 77.4%, #dc806c 80.6%, #d77362 83.9%, #d36758 87.1%, #ce5b4f 90.3%, #c95046 93.5%, #c64640 96.8%, #c33e3c 100.0%);
background: linear-gradient(45deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(94.89% 0.0182 99.23) 3.2%, oklch(94.98% 0.0183 108.70) 6.5%, oklch(95.10% 0.0184 120.33) 9.7%, oklch(95.23% 0.0185 133.24) 12.9%, oklch(95.34% 0.0187 146.56) 16.1%, oklch(95.38% 0.0192 159.39) 19.4%, oklch(95.34% 0.0200 170.86) 22.6%, oklch(95.17% 0.0212 180.09) 25.8%, oklch(94.84% 0.0229 186.18) 29.0%, oklch(94.32% 0.0252 188.27) 32.3%, oklch(93.59% 0.0282 185.53) 35.5%, oklch(92.73% 0.0317 178.13) 38.7%, oklch(91.73% 0.0356 166.96) 41.9%, oklch(90.61% 0.0399 152.94) 45.2%, oklch(89.37% 0.0447 136.97) 48.4%, oklch(88.01% 0.0498 119.97) 51.6%, oklch(86.55% 0.0553 102.84) 54.8%, oklch(84.97% 0.0612 86.51) 58.1%, oklch(83.30% 0.0674 71.87) 61.3%, oklch(81.54% 0.0740 59.83) 64.5%, oklch(79.67% 0.0809 51.18) 67.7%, oklch(77.47% 0.0890 44.65) 71.0%, oklch(74.97% 0.0983 39.56) 74.2%, oklch(72.26% 0.1082 35.68) 77.4%, oklch(69.43% 0.1186 32.82) 80.6%, oklch(66.58% 0.1290 30.76) 83.9%, oklch(63.82% 0.1391 29.30) 87.1%, oklch(61.23% 0.1486 28.22) 90.3%, oklch(58.92% 0.1570 27.31) 93.5%, oklch(56.98% 0.1641 26.37) 96.8%, oklch(55.51% 0.1695 25.18) 100.0%);
```

## Keyframes

4 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.941 | 0.026 | 187.9 |
| 3 | 0.803 | 0.079 | 53.7 |
| 4 | 0.555 | 0.169 | 25.2 |

## In these collections

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

## Other forms

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