# Champagne, turquoise and crimson weather map palette

The Champagne, turquoise and crimson weather map palette brings together off-white, dark blue, teal, gold, and red. 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 dark blue, and its lightest tone is off-white.

- Also called: White, blue, green and orange linear gradient
- Seed: `kW8Q1CJh1UFgouZsM7Kxr23I`
- Page: https://grabient.com/kW8Q1CJh1UFgouZsM7Kxr23I?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid
- Hues: rainbow
- Contrast of its darkest and lightest colors: 12 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 | `#dbdccb` | `oklch(88.92% 0.0231 108.06)` | Tree Moss | black, 15.1 to 1 |
| 3 | `#b8c2ae` | `oklch(80.15% 0.0303 130.17)` | Arbor Vitae | black, 11.4 to 1 |
| 4 | `#8ba594` | `oklch(69.67% 0.0388 156.59)` | Wintessa | black, 7.8 to 1 |
| 5 | `#5b867f` | `oklch(58.55% 0.0481 184.78)` | Cretan Green | black, 5.1 to 1 |
| 6 | `#326670` | `oklch(47.91% 0.0576 212.21)` | Pedigree | white, 6.4 to 1 |
| 7 | `#1b4a63` | `oklch(38.81% 0.0667 236.33)` | Swallow Blue | white, 9.5 to 1 |
| 8 | `#163459` | `oklch(32.36% 0.0749 254.61)` | Incremental Blue | white, 12.5 to 1 |
| 9 | `#182a55` | `oklch(29.63% 0.0814 264.62)` | Pico Void | white, 13.9 to 1 |
| 10 | `#1c2b5b` | `oklch(30.61% 0.0868 267.60)` | Ultramarine Violet | white, 13.5 to 1 |
| 11 | `#223668` | `oklch(34.43% 0.0914 265.42)` | Passionate Blue | white, 11.7 to 1 |
| 12 | `#27487b` | `oklch(40.26% 0.0954 259.15)` | Theatre Blue | white, 9.1 to 1 |
| 13 | `#2a5e91` | `oklch(47.28% 0.0991 249.87)` | Lapis Lazuli Blue | white, 6.7 to 1 |
| 14 | `#2a78a5` | `oklch(54.66% 0.1026 238.64)` | In the Mood | white, 4.8 to 1 |
| 15 | `#2991b6` | `oklch(61.58% 0.1060 226.53)` | Navagio Bay | black, 5.8 to 1 |
| 16 | `#28a7bf` | `oklch(67.22% 0.1097 214.61)` | Minted Blue | black, 7.3 to 1 |
| 17 | `#27b6c1` | `oklch(71.06% 0.1136 203.40)` | Lago Blue | black, 8.5 to 1 |
| 18 | `#33c4bd` | `oklch(74.51% 0.1176 190.46)` | Swimmers Pool | black, 9.7 to 1 |
| 19 | `#4dd0b3` | `oklch(77.72% 0.1216 175.88)` | Simply Aqua | black, 10.9 to 1 |
| 20 | `#6ed8a4` | `oklch(80.54% 0.1256 160.29)` | Medium Aquamarine | black, 12 to 1 |
| 21 | `#91dd91` | `oklch(82.84% 0.1295 144.29)` | Leek | black, 12.9 to 1 |
| 22 | `#b2dd7c` | `oklch(84.48% 0.1334 128.52)` | Melissa | black, 13.5 to 1 |
| 23 | `#ced968` | `oklch(85.33% 0.1372 113.58)` | Chinese Green | black, 13.7 to 1 |
| 24 | `#e4d058` | `oklch(85.23% 0.1410 100.11)` | Gamboge Yellow | black, 13.4 to 1 |
| 25 | `#f1c44a` | `oklch(83.84% 0.1448 88.07)` | Hive Delight | black, 12.7 to 1 |
| 26 | `#f6b23d` | `oklch(80.85% 0.1489 76.30)` | Squash Blossom | black, 11.3 to 1 |
| 27 | `#f59c35` | `oklch(76.71% 0.1530 64.98)` | Yellow Sea | black, 9.7 to 1 |
| 28 | `#ee8533` | `oklch(71.89% 0.1571 54.32)` | Navel | black, 8 to 1 |
| 29 | `#e36f35` | `oklch(66.87% 0.1610 44.58)` | Lava Pit | black, 6.5 to 1 |
| 30 | `#d75a39` | `oklch(62.15% 0.1644 35.96)` | Mod Orange | black, 5.4 to 1 |
| 31 | `#cb493d` | `oklch(58.20% 0.1673 28.72)` | Terra Cotta Red | white, 4.6 to 1 |
| 32 | `#c23d41` | `oklch(55.51% 0.1695 23.07)` | Rubiate | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #f2eee1 0.0%, #dbdccb 3.2%, #b8c2ae 6.5%, #8ba594 9.7%, #5b867f 12.9%, #326670 16.1%, #1b4a63 19.4%, #163459 22.6%, #182a55 25.8%, #1c2b5b 29.0%, #223668 32.3%, #27487b 35.5%, #2a5e91 38.7%, #2a78a5 41.9%, #2991b6 45.2%, #28a7bf 48.4%, #27b6c1 51.6%, #33c4bd 54.8%, #4dd0b3 58.1%, #6ed8a4 61.3%, #91dd91 64.5%, #b2dd7c 67.7%, #ced968 71.0%, #e4d058 74.2%, #f1c44a 77.4%, #f6b23d 80.6%, #f59c35 83.9%, #ee8533 87.1%, #e36f35 90.3%, #d75a39 93.5%, #cb493d 96.8%, #c23d41 100.0%);
background: linear-gradient(45deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(88.92% 0.0231 108.06) 3.2%, oklch(80.15% 0.0303 130.17) 6.5%, oklch(69.67% 0.0388 156.59) 9.7%, oklch(58.55% 0.0481 184.78) 12.9%, oklch(47.91% 0.0576 212.21) 16.1%, oklch(38.81% 0.0667 236.33) 19.4%, oklch(32.36% 0.0749 254.61) 22.6%, oklch(29.63% 0.0814 264.62) 25.8%, oklch(30.61% 0.0868 267.60) 29.0%, oklch(34.43% 0.0914 265.42) 32.3%, oklch(40.26% 0.0954 259.15) 35.5%, oklch(47.28% 0.0991 249.87) 38.7%, oklch(54.66% 0.1026 238.64) 41.9%, oklch(61.58% 0.1060 226.53) 45.2%, oklch(67.22% 0.1097 214.61) 48.4%, oklch(71.06% 0.1136 203.40) 51.6%, oklch(74.51% 0.1176 190.46) 54.8%, oklch(77.72% 0.1216 175.88) 58.1%, oklch(80.54% 0.1256 160.29) 61.3%, oklch(82.84% 0.1295 144.29) 64.5%, oklch(84.48% 0.1334 128.52) 67.7%, oklch(85.33% 0.1372 113.58) 71.0%, oklch(85.23% 0.1410 100.11) 74.2%, oklch(83.84% 0.1448 88.07) 77.4%, oklch(80.85% 0.1489 76.30) 80.6%, oklch(76.71% 0.1530 64.98) 83.9%, oklch(71.89% 0.1571 54.32) 87.1%, oklch(66.87% 0.1610 44.58) 90.3%, oklch(62.15% 0.1644 35.96) 93.5%, oklch(58.20% 0.1673 28.72) 96.8%, oklch(55.51% 0.1695 23.07) 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.299 | 0.08 | 262.9 |
| 3 | 0.693 | 0.112 | 209.1 |
| 4 | 0.85 | 0.142 | 97 |
| 5 | 0.555 | 0.169 | 23.1 |

## In these collections

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

## Other forms

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