# Cobalt blue, mint and rose alpine thaw

The Cobalt blue, mint and rose alpine thaw brings together blue, light gray, gold, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light gray.

- Also called: Blue, gray, orange and mauve linear gradient
- Seed: `kYd0GuVx4-W8IPVgLLF1jI6D0lPC`
- Page: https://grabient.com/kYd0GuVx4-W8IPVgLLF1jI6D0lPC?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.7 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 | `#285f89` | `oklch(46.85% 0.0896 244.69)` | Bay Site | white, 6.8 to 1 |
| 2 | `#2d6690` | `oklch(49.14% 0.0894 243.34)` | Starry Night | white, 6.1 to 1 |
| 3 | `#347099` | `oklch(52.33% 0.0897 241.57)` | Windsurfing | white, 5.3 to 1 |
| 4 | `#3d7ca4` | `oklch(56.10% 0.0899 239.44)` | Cendre Blue | black, 4.5 to 1 |
| 5 | `#4788af` | `oklch(60.14% 0.0894 237.01)` | Tropic | black, 5.4 to 1 |
| 6 | `#5395ba` | `oklch(64.16% 0.0875 234.35)` | Heritage Blue | black, 6.3 to 1 |
| 7 | `#5fa1c2` | `oklch(67.84% 0.0837 231.53)` | Gulf Stream Blue | black, 7.3 to 1 |
| 8 | `#6eacc9` | `oklch(71.30% 0.0763 229.23)` | Blue Topaz | black, 8.4 to 1 |
| 9 | `#83b7cf` | `oklch(75.11% 0.0642 228.13)` | Harbour Sky | black, 9.6 to 1 |
| 10 | `#99c1d4` | `oklch(78.94% 0.0499 227.12)` | Sky Bus | black, 10.9 to 1 |
| 11 | `#adcbd7` | `oklch(82.45% 0.0363 225.04)` | Sailing on the Bay | black, 12.3 to 1 |
| 12 | `#bdd3db` | `oklch(85.27% 0.0259 220.73)` | Light Salt Spray | black, 13.4 to 1 |
| 13 | `#c5d8dd` | `oklch(87.05% 0.0215 213.04)` | Balmy | black, 14.2 to 1 |
| 14 | `#c3dbdc` | `oklch(87.45% 0.0258 200.55)` | Light Dewpoint | black, 14.5 to 1 |
| 15 | `#b8dbd4` | `oklch(86.44% 0.0387 182.45)` | Picnic Bay | black, 14.1 to 1 |
| 16 | `#acd8c0` | `oklch(84.42% 0.0572 160.73)` | Mint Gala | black, 13.3 to 1 |
| 17 | `#acd09e` | `oklch(81.83% 0.0783 137.55)` | Relaxation Green | black, 12.2 to 1 |
| 18 | `#b8c378` | `oklch(79.12% 0.0988 115.11)` | Everglade Glen | black, 11.1 to 1 |
| 19 | `#cab356` | `oklch(76.71% 0.1156 95.58)` | Vegas Gold | black, 10 to 1 |
| 20 | `#d7a545` | `oklch(74.99% 0.1261 80.88)` | Plantain Chips | black, 9.3 to 1 |
| 21 | `#df9a40` | `oklch(73.78% 0.1328 69.67)` | Life Is Good | black, 8.8 to 1 |
| 22 | `#e49142` | `oklch(72.80% 0.1371 60.82)` | Yellow Sumac | black, 8.4 to 1 |
| 23 | `#e78948` | `oklch(71.85% 0.1392 53.64)` | Flamenco | black, 8 to 1 |
| 24 | `#e6834e` | `oklch(70.75% 0.1397 47.43)` | Orangevale | black, 7.7 to 1 |
| 25 | `#e37c54` | `oklch(69.28% 0.1390 41.51)` | Tangerine Flake | black, 7.2 to 1 |
| 26 | `#dd7459` | `oklch(67.25% 0.1374 35.20)` | Rustic Pottery | black, 6.6 to 1 |
| 27 | `#d26a5d` | `oklch(64.35% 0.1335 28.76)` | Tory Red | black, 5.9 to 1 |
| 28 | `#c3605e` | `oklch(60.80% 0.1274 22.64)` | Barbecue | black, 5.1 to 1 |
| 29 | `#b3575d` | `oklch(57.00% 0.1201 17.02)` | Alsike Clover Red | white, 4.7 to 1 |
| 30 | `#a34e5b` | `oklch(53.34% 0.1127 12.05)` | Black Pudding | white, 5.5 to 1 |
| 31 | `#954758` | `oklch(50.22% 0.1063 7.92)` | Haitian Flower | white, 6.2 to 1 |
| 32 | `#8c4256` | `oklch(48.03% 0.1020 4.80)` | Umemurasaki Purple | white, 6.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #285f89 0.0%, #2d6690 3.2%, #347099 6.5%, #3d7ca4 9.7%, #4788af 12.9%, #5395ba 16.1%, #5fa1c2 19.4%, #6eacc9 22.6%, #83b7cf 25.8%, #99c1d4 29.0%, #adcbd7 32.3%, #bdd3db 35.5%, #c5d8dd 38.7%, #c3dbdc 41.9%, #b8dbd4 45.2%, #acd8c0 48.4%, #acd09e 51.6%, #b8c378 54.8%, #cab356 58.1%, #d7a545 61.3%, #df9a40 64.5%, #e49142 67.7%, #e78948 71.0%, #e6834e 74.2%, #e37c54 77.4%, #dd7459 80.6%, #d26a5d 83.9%, #c3605e 87.1%, #b3575d 90.3%, #a34e5b 93.5%, #954758 96.8%, #8c4256 100.0%);
background: linear-gradient(135deg in oklch, oklch(46.85% 0.0896 244.69) 0.0%, oklch(49.14% 0.0894 243.34) 3.2%, oklch(52.33% 0.0897 241.57) 6.5%, oklch(56.10% 0.0899 239.44) 9.7%, oklch(60.14% 0.0894 237.01) 12.9%, oklch(64.16% 0.0875 234.35) 16.1%, oklch(67.84% 0.0837 231.53) 19.4%, oklch(71.30% 0.0763 229.23) 22.6%, oklch(75.11% 0.0642 228.13) 25.8%, oklch(78.94% 0.0499 227.12) 29.0%, oklch(82.45% 0.0363 225.04) 32.3%, oklch(85.27% 0.0259 220.73) 35.5%, oklch(87.05% 0.0215 213.04) 38.7%, oklch(87.45% 0.0258 200.55) 41.9%, oklch(86.44% 0.0387 182.45) 45.2%, oklch(84.42% 0.0572 160.73) 48.4%, oklch(81.83% 0.0783 137.55) 51.6%, oklch(79.12% 0.0988 115.11) 54.8%, oklch(76.71% 0.1156 95.58) 58.1%, oklch(74.99% 0.1261 80.88) 61.3%, oklch(73.78% 0.1328 69.67) 64.5%, oklch(72.80% 0.1371 60.82) 67.7%, oklch(71.85% 0.1392 53.64) 71.0%, oklch(70.75% 0.1397 47.43) 74.2%, oklch(69.28% 0.1390 41.51) 77.4%, oklch(67.25% 0.1374 35.20) 80.6%, oklch(64.35% 0.1335 28.76) 83.9%, oklch(60.80% 0.1274 22.64) 87.1%, oklch(57.00% 0.1201 17.02) 90.3%, oklch(53.34% 0.1127 12.05) 93.5%, oklch(50.22% 0.1063 7.92) 96.8%, oklch(48.03% 0.1020 4.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.09 | 244.7 |
| 2 | 0.685 | 0.083 | 230.9 |
| 3 | 0.874 | 0.022 | 208.8 |
| 4 | 0.756 | 0.123 | 86.2 |
| 5 | 0.677 | 0.138 | 36.5 |
| 6 | 0.48 | 0.102 | 4.8 |

## In these collections

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

## Other forms

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