# Pale blue, sage and magenta alpine thaw

The Pale blue, sage and magenta alpine thaw brings together off-white, light blue, blue, gray, red, and magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: Light blue, gray, salmon and purple linear gradient
- Seed: `kY8wicXp3BkUfwJJCKu1rO7jikOg`
- Page: https://grabient.com/kY8wicXp3BkUfwJJCKu1rO7jikOg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.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 | `#e9f3f6` | `oklch(95.67% 0.0110 219.37)` | Milky Way | black, 18.5 to 1 |
| 2 | `#dcedf2` | `oklch(93.43% 0.0191 220.90)` | Ice Fishing | black, 17.3 to 1 |
| 3 | `#cae4ee` | `oklch(90.34% 0.0308 223.09)` | Sapphireberry | black, 15.8 to 1 |
| 4 | `#b5daea` | `oklch(86.68% 0.0444 225.65)` | Minified Blue | black, 14.1 to 1 |
| 5 | `#9fcfe5` | `oklch(82.73% 0.0583 228.30)` | December Solstice | black, 12.4 to 1 |
| 6 | `#8bc3df` | `oklch(78.77% 0.0707 230.78)` | Club Cruise | black, 10.9 to 1 |
| 7 | `#79b7d9` | `oklch(75.09% 0.0800 232.79)` | Tribute | black, 9.6 to 1 |
| 8 | `#6cacd2` | `oklch(71.59% 0.0857 235.49)` | Imrik Blue | black, 8.4 to 1 |
| 9 | `#629fca` | `oklch(67.80% 0.0897 240.54)` | Tantalise | black, 7.3 to 1 |
| 10 | `#5b91c1` | `oklch(63.96% 0.0920 245.94)` | Come Sail Away | black, 6.2 to 1 |
| 11 | `#5485b7` | `oklch(60.36% 0.0927 249.57)` | Hideout | black, 5.4 to 1 |
| 12 | `#4b7cac` | `oklch(57.27% 0.0915 249.31)` | Aleutian Isle | black, 4.7 to 1 |
| 13 | `#3f77a1` | `oklch(54.97% 0.0885 243.05)` | Taiwan Blue Magpie | white, 4.8 to 1 |
| 14 | `#317794` | `oklch(53.69% 0.0826 228.23)` | Cottage by the Sea | white, 5 to 1 |
| 15 | `#32797f` | `oklch(53.31% 0.0709 203.44)` | Diver’s Eden | white, 5 to 1 |
| 16 | `#4a786a` | `oklch(53.63% 0.0558 172.23)` | Hooker’s Green | white, 4.9 to 1 |
| 17 | `#64765f` | `oklch(54.44% 0.0407 138.52)` | Bean Counter | white, 4.8 to 1 |
| 18 | `#757561` | `oklch(55.56% 0.0286 106.21)` | Mangrove | white, 4.7 to 1 |
| 19 | `#7e7568` | `oklch(56.78% 0.0227 79.22)` | Hammered Pewter | black, 4.6 to 1 |
| 20 | `#86776b` | `oklch(58.02% 0.0262 61.05)` | Gosling | black, 4.8 to 1 |
| 21 | `#957a6b` | `oklch(60.05% 0.0411 50.02)` | True Walnut | black, 5.2 to 1 |
| 22 | `#a97c69` | `oklch(62.62% 0.0635 43.71)` | Tawny Birch | black, 5.7 to 1 |
| 23 | `#bf7d66` | `oklch(65.22% 0.0892 40.28)` | Pinata | black, 6.3 to 1 |
| 24 | `#d27c62` | `oklch(67.30% 0.1139 37.87)` | Silithus Brown | black, 6.7 to 1 |
| 25 | `#df7860` | `oklch(68.36% 0.1332 34.64)` | Annular | black, 6.9 to 1 |
| 26 | `#e27263` | `oklch(67.85% 0.1430 28.78)` | Mettwurst | black, 6.8 to 1 |
| 27 | `#da686a` | `oklch(65.34% 0.1432 20.65)` | Red Geranium | black, 6.1 to 1 |
| 28 | `#c85d6f` | `oklch(61.30% 0.1369 11.51)` | Triple Berry | black, 5.2 to 1 |
| 29 | `#b15270` | `oklch(56.47% 0.1269 2.15)` | Pink Parakeet | white, 4.8 to 1 |
| 30 | `#99486d` | `oklch(51.57% 0.1155 353.34)` | Befitting | white, 5.9 to 1 |
| 31 | `#854168` | `oklch(47.33% 0.1054 345.88)` | Midnight Aubergine | white, 7.1 to 1 |
| 32 | `#773c64` | `oklch(44.49% 0.0992 340.55)` | Burnt Orchid | white, 8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e9f3f6 0.0%, #dcedf2 3.2%, #cae4ee 6.5%, #b5daea 9.7%, #9fcfe5 12.9%, #8bc3df 16.1%, #79b7d9 19.4%, #6cacd2 22.6%, #629fca 25.8%, #5b91c1 29.0%, #5485b7 32.3%, #4b7cac 35.5%, #3f77a1 38.7%, #317794 41.9%, #32797f 45.2%, #4a786a 48.4%, #64765f 51.6%, #757561 54.8%, #7e7568 58.1%, #86776b 61.3%, #957a6b 64.5%, #a97c69 67.7%, #bf7d66 71.0%, #d27c62 74.2%, #df7860 77.4%, #e27263 80.6%, #da686a 83.9%, #c85d6f 87.1%, #b15270 90.3%, #99486d 93.5%, #854168 96.8%, #773c64 100.0%);
background: linear-gradient(135deg in oklch, oklch(95.67% 0.0110 219.37) 0.0%, oklch(93.43% 0.0191 220.90) 3.2%, oklch(90.34% 0.0308 223.09) 6.5%, oklch(86.68% 0.0444 225.65) 9.7%, oklch(82.73% 0.0583 228.30) 12.9%, oklch(78.77% 0.0707 230.78) 16.1%, oklch(75.09% 0.0800 232.79) 19.4%, oklch(71.59% 0.0857 235.49) 22.6%, oklch(67.80% 0.0897 240.54) 25.8%, oklch(63.96% 0.0920 245.94) 29.0%, oklch(60.36% 0.0927 249.57) 32.3%, oklch(57.27% 0.0915 249.31) 35.5%, oklch(54.97% 0.0885 243.05) 38.7%, oklch(53.69% 0.0826 228.23) 41.9%, oklch(53.31% 0.0709 203.44) 45.2%, oklch(53.63% 0.0558 172.23) 48.4%, oklch(54.44% 0.0407 138.52) 51.6%, oklch(55.56% 0.0286 106.21) 54.8%, oklch(56.78% 0.0227 79.22) 58.1%, oklch(58.02% 0.0262 61.05) 61.3%, oklch(60.05% 0.0411 50.02) 64.5%, oklch(62.62% 0.0635 43.71) 67.7%, oklch(65.22% 0.0892 40.28) 71.0%, oklch(67.30% 0.1139 37.87) 74.2%, oklch(68.36% 0.1332 34.64) 77.4%, oklch(67.85% 0.1430 28.78) 80.6%, oklch(65.34% 0.1432 20.65) 83.9%, oklch(61.30% 0.1369 11.51) 87.1%, oklch(56.47% 0.1269 2.15) 90.3%, oklch(51.57% 0.1155 353.34) 93.5%, oklch(47.33% 0.1054 345.88) 96.8%, oklch(44.49% 0.0992 340.55) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.011 | 219.4 |
| 2 | 0.744 | 0.081 | 233.1 |
| 3 | 0.543 | 0.087 | 238.4 |
| 4 | 0.575 | 0.023 | 67.2 |
| 5 | 0.681 | 0.142 | 30.2 |
| 6 | 0.445 | 0.099 | -19.5 |

## In these collections

- [Alpine thaw](https://grabient.com/alpine-thaw)

## Other forms

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