# Cobalt blue, stone and orange sky palette

The Cobalt blue, stone and orange sky palette brings together blue, light blue, light red, and light orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Blue, gray and pink linear gradient
- Seed: `kWhkG1WRY_mcLQ7pEMiapjFw`
- Page: https://grabient.com/kWhkG1WRY_mcLQ7pEMiapjFw?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#466d9e` | `oklch(52.76% 0.0896 254.53)` | San Marino | white, 5.3 to 1 |
| 2 | `#4a71a1` | `oklch(54.19% 0.0873 254.02)` | Great Serpent | white, 5 to 1 |
| 3 | `#5078a5` | `oklch(56.15% 0.0842 253.08)` | Pacifica | white, 4.6 to 1 |
| 4 | `#587faa` | `oklch(58.49% 0.0805 251.93)` | Blue Fin | black, 5 to 1 |
| 5 | `#6087b0` | `oklch(61.06% 0.0765 250.84)` | Perfect Periwinkle | black, 5.5 to 1 |
| 6 | `#698fb6` | `oklch(63.69% 0.0722 250.04)` | Genteel Blue | black, 6.2 to 1 |
| 7 | `#7397bb` | `oklch(66.25% 0.0678 249.78)` | Blue Ballad | black, 6.8 to 1 |
| 8 | `#7d9dc1` | `oklch(68.58% 0.0636 250.30)` | Alaskan Ice | black, 7.4 to 1 |
| 9 | `#85a3c5` | `oklch(70.53% 0.0596 251.84)` | Windy City | black, 8 to 1 |
| 10 | `#8ea8c8` | `oklch(72.32% 0.0553 254.05)` | Dresden Doll | black, 8.5 to 1 |
| 11 | `#97adcb` | `oklch(74.02% 0.0506 256.78)` | Chambray Blue | black, 9.1 to 1 |
| 12 | `#9fb1ce` | `oklch(75.63% 0.0457 260.09)` | Heartsong | black, 9.6 to 1 |
| 13 | `#a7b5d0` | `oklch(77.12% 0.0410 264.00)` | Minuet | black, 10.1 to 1 |
| 14 | `#afb9d1` | `oklch(78.47% 0.0368 268.56)` | Halogen Blue | black, 10.6 to 1 |
| 15 | `#b5bcd3` | `oklch(79.66% 0.0333 273.81)` | Peri Wink | black, 11 to 1 |
| 16 | `#bbbed4` | `oklch(80.67% 0.0310 279.79)` | Sweet Juliet | black, 11.4 to 1 |
| 17 | `#c0c0d5` | `oklch(81.47% 0.0300 286.65)` | Estate Violet | black, 11.7 to 1 |
| 18 | `#c5c1d6` | `oklch(82.01% 0.0303 294.93)` | Pale Violet | black, 11.9 to 1 |
| 19 | `#c9c0d6` | `oklch(82.32% 0.0316 304.35)` | Awesome Aura | black, 12 to 1 |
| 20 | `#cec0d5` | `oklch(82.48% 0.0337 314.49)` | Awesome Aura | black, 12 to 1 |
| 21 | `#d2bed3` | `oklch(82.53% 0.0363 324.94)` | Cosmetic Mauve | black, 12 to 1 |
| 22 | `#d7bdd0` | `oklch(82.53% 0.0392 335.28)` | Lovely Pink | black, 12 to 1 |
| 23 | `#dbbbcc` | `oklch(82.55% 0.0421 345.09)` | Smoked Silver | black, 12 to 1 |
| 24 | `#dfbbc8` | `oklch(82.64% 0.0449 353.96)` | Spring Pink | black, 12 to 1 |
| 25 | `#e2bac4` | `oklch(82.81% 0.0474 1.91)` | Love in a Mist | black, 12.1 to 1 |
| 26 | `#e6bac0` | `oklch(82.99% 0.0504 9.75)` | Peppermint Stick | black, 12.1 to 1 |
| 27 | `#e9babb` | `oklch(83.17% 0.0537 17.34)` | Wind Rose | black, 12.2 to 1 |
| 28 | `#ecbbb6` | `oklch(83.35% 0.0570 24.51)` | Chintz Rose | black, 12.3 to 1 |
| 29 | `#eebbb1` | `oklch(83.51% 0.0603 31.10)` | Peach Souffle | black, 12.3 to 1 |
| 30 | `#efbcad` | `oklch(83.65% 0.0632 36.93)` | Pale Satin Peach | black, 12.4 to 1 |
| 31 | `#f0bca9` | `oklch(83.77% 0.0657 41.84)` | Sun-Kissed Apricot | black, 12.5 to 1 |
| 32 | `#f0bda6` | `oklch(83.86% 0.0675 45.65)` | Sun-Kissed Apricot | black, 12.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #466d9e 0.0%, #4a71a1 3.2%, #5078a5 6.5%, #587faa 9.7%, #6087b0 12.9%, #698fb6 16.1%, #7397bb 19.4%, #7d9dc1 22.6%, #85a3c5 25.8%, #8ea8c8 29.0%, #97adcb 32.3%, #9fb1ce 35.5%, #a7b5d0 38.7%, #afb9d1 41.9%, #b5bcd3 45.2%, #bbbed4 48.4%, #c0c0d5 51.6%, #c5c1d6 54.8%, #c9c0d6 58.1%, #cec0d5 61.3%, #d2bed3 64.5%, #d7bdd0 67.7%, #dbbbcc 71.0%, #dfbbc8 74.2%, #e2bac4 77.4%, #e6bac0 80.6%, #e9babb 83.9%, #ecbbb6 87.1%, #eebbb1 90.3%, #efbcad 93.5%, #f0bca9 96.8%, #f0bda6 100.0%);
background: linear-gradient(180deg in oklch, oklch(52.76% 0.0896 254.53) 0.0%, oklch(54.19% 0.0873 254.02) 3.2%, oklch(56.15% 0.0842 253.08) 6.5%, oklch(58.49% 0.0805 251.93) 9.7%, oklch(61.06% 0.0765 250.84) 12.9%, oklch(63.69% 0.0722 250.04) 16.1%, oklch(66.25% 0.0678 249.78) 19.4%, oklch(68.58% 0.0636 250.30) 22.6%, oklch(70.53% 0.0596 251.84) 25.8%, oklch(72.32% 0.0553 254.05) 29.0%, oklch(74.02% 0.0506 256.78) 32.3%, oklch(75.63% 0.0457 260.09) 35.5%, oklch(77.12% 0.0410 264.00) 38.7%, oklch(78.47% 0.0368 268.56) 41.9%, oklch(79.66% 0.0333 273.81) 45.2%, oklch(80.67% 0.0310 279.79) 48.4%, oklch(81.47% 0.0300 286.65) 51.6%, oklch(82.01% 0.0303 294.93) 54.8%, oklch(82.32% 0.0316 304.35) 58.1%, oklch(82.48% 0.0337 314.49) 61.3%, oklch(82.53% 0.0363 324.94) 64.5%, oklch(82.53% 0.0392 335.28) 67.7%, oklch(82.55% 0.0421 345.09) 71.0%, oklch(82.64% 0.0449 353.96) 74.2%, oklch(82.81% 0.0474 1.91) 77.4%, oklch(82.99% 0.0504 9.75) 80.6%, oklch(83.17% 0.0537 17.34) 83.9%, oklch(83.35% 0.0570 24.51) 87.1%, oklch(83.51% 0.0603 31.10) 90.3%, oklch(83.65% 0.0632 36.93) 93.5%, oklch(83.77% 0.0657 41.84) 96.8%, oklch(83.86% 0.0675 45.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.09 | 254.5 |
| 2 | 0.701 | 0.061 | 251.4 |
| 3 | 0.811 | 0.03 | 283.1 |
| 4 | 0.827 | 0.045 | 356 |
| 5 | 0.839 | 0.068 | 405.6 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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