# Deep cyan and terracotta alpine thaw

The Deep cyan and terracotta alpine thaw brings together blue, light gray, green, and orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light gray.

- Also called: Navy, gray and brown linear gradient
- Seed: `kYVRqpwBg-9uYPxuiDs2iO4dImt-`
- Page: https://grabient.com/kYVRqpwBg-9uYPxuiDs2iO4dImt-?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8 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 | `#253947` | `oklch(33.46% 0.0358 238.36)` | Adept | white, 11.9 to 1 |
| 2 | `#273e4d` | `oklch(35.18% 0.0393 237.46)` | Depths of the Nile | white, 11.1 to 1 |
| 3 | `#294556` | `oklch(37.51% 0.0444 236.22)` | Blue Wing Teal | white, 10.1 to 1 |
| 4 | `#2c4d60` | `oklch(40.28% 0.0504 234.75)` | Shadow of Night | white, 9 to 1 |
| 5 | `#2f566b` | `oklch(43.35% 0.0564 233.17)` | Deep Dive | white, 7.8 to 1 |
| 6 | `#326076` | `oklch(46.56% 0.0617 231.60)` | Berry Blue | white, 6.8 to 1 |
| 7 | `#376a81` | `oklch(49.77% 0.0656 230.17)` | Kimberley Sea | white, 5.9 to 1 |
| 8 | `#3e738b` | `oklch(53.01% 0.0679 229.14)` | Bengal Blue | white, 5.1 to 1 |
| 9 | `#477e97` | `oklch(56.53% 0.0697 228.66)` | Coelin Blue | black, 4.7 to 1 |
| 10 | `#5189a2` | `oklch(60.23% 0.0707 228.32)` | Secure Blue | black, 5.4 to 1 |
| 11 | `#5c95ae` | `oklch(63.93% 0.0707 227.70)` | Blue Persia | black, 6.3 to 1 |
| 12 | `#67a0b8` | `oklch(67.52% 0.0697 226.37)` | Dolphin Daze | black, 7.2 to 1 |
| 13 | `#71abc0` | `oklch(70.83% 0.0674 223.91)` | Moonstone Blue | black, 8.2 to 1 |
| 14 | `#7db4c6` | `oklch(73.89% 0.0631 220.01)` | Tennis Blue | black, 9.2 to 1 |
| 15 | `#8dbecb` | `oklch(77.15% 0.0549 215.05)` | Blue Echo | black, 10.3 to 1 |
| 16 | `#9ec7cf` | `oklch(80.38% 0.0446 209.17)` | Agua Fría | black, 11.5 to 1 |
| 17 | `#afcfd2` | `oklch(83.27% 0.0343 202.51)` | Clinical Soft Blue | black, 12.7 to 1 |
| 18 | `#bdd5d5` | `oklch(85.52% 0.0260 195.18)` | Wingsuit Wind | black, 13.6 to 1 |
| 19 | `#c5d9d6` | `oklch(86.82% 0.0218 187.29)` | Cool Mint | black, 14.2 to 1 |
| 20 | `#c4d9d4` | `oklch(86.83% 0.0237 178.93)` | Cool Mint | black, 14.2 to 1 |
| 21 | `#bbd6cb` | `oklch(85.27% 0.0324 169.69)` | Malted Mint | black, 13.5 to 1 |
| 22 | `#add0bc` | `oklch(82.57% 0.0458 159.69)` | Misty Jade | black, 12.4 to 1 |
| 23 | `#a0c7a6` | `oklch(79.23% 0.0615 149.17)` | French Market | black, 11.2 to 1 |
| 24 | `#98bd8d` | `oklch(75.76% 0.0772 138.36)` | Milly Green | black, 9.9 to 1 |
| 25 | `#97b273` | `oklch(72.69% 0.0905 127.50)` | Florence | black, 8.9 to 1 |
| 26 | `#9ca85e` | `oklch(70.51% 0.0991 116.79)` | Gallant Green | black, 8.1 to 1 |
| 27 | `#a59f4e` | `oklch(68.93% 0.1038 105.10)` | Poplar | black, 7.6 to 1 |
| 28 | `#ae9543` | `oklch(67.65% 0.1061 92.51)` | Semi Opal | black, 7.1 to 1 |
| 29 | `#b68c40` | `oklch(66.61% 0.1067 79.94)` | Bread Crust | black, 6.8 to 1 |
| 30 | `#bc8544` | `oklch(65.79% 0.1064 68.27)` | Toothpick | black, 6.5 to 1 |
| 31 | `#bf7f4a` | `oklch(65.12% 0.1060 58.43)` | Sedona at Sunset | black, 6.3 to 1 |
| 32 | `#c17a4f` | `oklch(64.57% 0.1061 51.31)` | Rakuda Brown | black, 6.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #253947 0.0%, #273e4d 3.2%, #294556 6.5%, #2c4d60 9.7%, #2f566b 12.9%, #326076 16.1%, #376a81 19.4%, #3e738b 22.6%, #477e97 25.8%, #5189a2 29.0%, #5c95ae 32.3%, #67a0b8 35.5%, #71abc0 38.7%, #7db4c6 41.9%, #8dbecb 45.2%, #9ec7cf 48.4%, #afcfd2 51.6%, #bdd5d5 54.8%, #c5d9d6 58.1%, #c4d9d4 61.3%, #bbd6cb 64.5%, #add0bc 67.7%, #a0c7a6 71.0%, #98bd8d 74.2%, #97b273 77.4%, #9ca85e 80.6%, #a59f4e 83.9%, #ae9543 87.1%, #b68c40 90.3%, #bc8544 93.5%, #bf7f4a 96.8%, #c17a4f 100.0%);
background: linear-gradient(90deg in oklch, oklch(33.46% 0.0358 238.36) 0.0%, oklch(35.18% 0.0393 237.46) 3.2%, oklch(37.51% 0.0444 236.22) 6.5%, oklch(40.28% 0.0504 234.75) 9.7%, oklch(43.35% 0.0564 233.17) 12.9%, oklch(46.56% 0.0617 231.60) 16.1%, oklch(49.77% 0.0656 230.17) 19.4%, oklch(53.01% 0.0679 229.14) 22.6%, oklch(56.53% 0.0697 228.66) 25.8%, oklch(60.23% 0.0707 228.32) 29.0%, oklch(63.93% 0.0707 227.70) 32.3%, oklch(67.52% 0.0697 226.37) 35.5%, oklch(70.83% 0.0674 223.91) 38.7%, oklch(73.89% 0.0631 220.01) 41.9%, oklch(77.15% 0.0549 215.05) 45.2%, oklch(80.38% 0.0446 209.17) 48.4%, oklch(83.27% 0.0343 202.51) 51.6%, oklch(85.52% 0.0260 195.18) 54.8%, oklch(86.82% 0.0218 187.29) 58.1%, oklch(86.83% 0.0237 178.93) 61.3%, oklch(85.27% 0.0324 169.69) 64.5%, oklch(82.57% 0.0458 159.69) 67.7%, oklch(79.23% 0.0615 149.17) 71.0%, oklch(75.76% 0.0772 138.36) 74.2%, oklch(72.69% 0.0905 127.50) 77.4%, oklch(70.51% 0.0991 116.79) 80.6%, oklch(68.93% 0.1038 105.10) 83.9%, oklch(67.65% 0.1061 92.51) 87.1%, oklch(66.61% 0.1067 79.94) 90.3%, oklch(65.79% 0.1064 68.27) 93.5%, oklch(65.12% 0.1060 58.43) 96.8%, oklch(64.57% 0.1061 51.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.036 | 238.4 |
| 2 | 0.504 | 0.066 | 229.9 |
| 3 | 0.72 | 0.066 | 222.5 |
| 4 | 0.87 | 0.022 | 182.4 |
| 5 | 0.709 | 0.098 | 118.9 |
| 6 | 0.646 | 0.106 | 51.3 |

## In these collections

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

## Other forms

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