# Blue and rose night sky palette

The Blue and rose night sky palette brings together dark blue, purple, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is magenta.

- Also called: Navy, purple and pink linear gradient
- Seed: `kUOiW7ph0_8C8xlKvsQA`
- Page: https://grabient.com/kUOiW7ph0_8C8xlKvsQA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#101c34` | `oklch(22.83% 0.0510 263.67)` | Trapped Darkness | white, 17 to 1 |
| 2 | `#101c36` | `oklch(23.18% 0.0524 263.44)` | Trapped Darkness | white, 16.8 to 1 |
| 3 | `#101d37` | `oklch(23.55% 0.0539 262.86)` | Trapped Darkness | white, 16.7 to 1 |
| 4 | `#101e39` | `oklch(23.96% 0.0555 262.06)` | Nightwalker | white, 16.5 to 1 |
| 5 | `#101f3b` | `oklch(24.43% 0.0574 261.20)` | Nightwalker | white, 16.3 to 1 |
| 6 | `#10213e` | `oklch(24.97% 0.0596 260.42)` | Dark Eclipse | white, 16 to 1 |
| 7 | `#102241` | `oklch(25.61% 0.0622 259.86)` | Dark Eclipse | white, 15.7 to 1 |
| 8 | `#112444` | `oklch(26.37% 0.0653 259.68)` | Dark Eclipse | white, 15.4 to 1 |
| 9 | `#122648` | `oklch(27.25% 0.0689 260.02)` | Dark Eclipse | white, 15 to 1 |
| 10 | `#14284d` | `oklch(28.28% 0.0731 261.03)` | Rurikon Blue | white, 14.5 to 1 |
| 11 | `#172b53` | `oklch(29.48% 0.0781 262.86)` | Pico Void | white, 14 to 1 |
| 12 | `#1b2d5a` | `oklch(30.90% 0.0840 265.66)` | Ultramarine Violet | white, 13.3 to 1 |
| 13 | `#223063` | `oklch(32.65% 0.0915 269.51)` | Underwater Realm | white, 12.5 to 1 |
| 14 | `#2b336d` | `oklch(34.65% 0.1002 274.22)` | Deep Koamaru | white, 11.7 to 1 |
| 15 | `#353577` | `oklch(36.84% 0.1098 279.59)` | Ballpoint Indigo | white, 10.8 to 1 |
| 16 | `#413882` | `oklch(39.14% 0.1197 285.42)` | Majestic Eggplant | white, 9.9 to 1 |
| 17 | `#4f3a8b` | `oklch(41.48% 0.1298 291.50)` | Blue Gem | white, 9.1 to 1 |
| 18 | `#5c3b93` | `oklch(43.78% 0.1396 297.66)` | Daisy Bush | white, 8.3 to 1 |
| 19 | `#6a3c9a` | `oklch(45.98% 0.1487 303.68)` | Poppy Pompadour | white, 7.6 to 1 |
| 20 | `#783d9f` | `oklch(48.01% 0.1567 309.36)` | Shiner | white, 7 to 1 |
| 21 | `#843ea1` | `oklch(49.78% 0.1633 314.52)` | Purple Pleasures | white, 6.5 to 1 |
| 22 | `#8e3ea2` | `oklch(51.24% 0.1681 319.00)` | Purple Pleasures | white, 6.2 to 1 |
| 23 | `#973fa2` | `oklch(52.50% 0.1715 323.25)` | Medium Purple | white, 5.9 to 1 |
| 24 | `#9f3fa0` | `oklch(53.60% 0.1736 327.42)` | Medium Purple | white, 5.6 to 1 |
| 25 | `#a7409d` | `oklch(54.57% 0.1747 331.45)` | Aged Purple | white, 5.4 to 1 |
| 26 | `#ad419a` | `oklch(55.41% 0.1751 335.32)` | Purple Cactus Flower | white, 5.2 to 1 |
| 27 | `#b34296` | `oklch(56.14% 0.1748 338.96)` | Safflower Purple | white, 5 to 1 |
| 28 | `#b74392` | `oklch(56.78% 0.1742 342.35)` | Safflower Purple | white, 4.9 to 1 |
| 29 | `#bb448f` | `oklch(57.34% 0.1735 345.43)` | Boat Orchid | white, 4.8 to 1 |
| 30 | `#bf458b` | `oklch(57.83% 0.1728 348.17)` | Boat Orchid | white, 4.7 to 1 |
| 31 | `#c24688` | `oklch(58.27% 0.1723 350.52)` | Mulberry Yoghurt | white, 4.6 to 1 |
| 32 | `#c44686` | `oklch(58.66% 0.1722 352.44)` | Smitten | black, 4.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #101c34 0.0%, #101c36 3.2%, #101d37 6.5%, #101e39 9.7%, #101f3b 12.9%, #10213e 16.1%, #102241 19.4%, #112444 22.6%, #122648 25.8%, #14284d 29.0%, #172b53 32.3%, #1b2d5a 35.5%, #223063 38.7%, #2b336d 41.9%, #353577 45.2%, #413882 48.4%, #4f3a8b 51.6%, #5c3b93 54.8%, #6a3c9a 58.1%, #783d9f 61.3%, #843ea1 64.5%, #8e3ea2 67.7%, #973fa2 71.0%, #9f3fa0 74.2%, #a7409d 77.4%, #ad419a 80.6%, #b34296 83.9%, #b74392 87.1%, #bb448f 90.3%, #bf458b 93.5%, #c24688 96.8%, #c44686 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.83% 0.0510 263.67) 0.0%, oklch(23.18% 0.0524 263.44) 3.2%, oklch(23.55% 0.0539 262.86) 6.5%, oklch(23.96% 0.0555 262.06) 9.7%, oklch(24.43% 0.0574 261.20) 12.9%, oklch(24.97% 0.0596 260.42) 16.1%, oklch(25.61% 0.0622 259.86) 19.4%, oklch(26.37% 0.0653 259.68) 22.6%, oklch(27.25% 0.0689 260.02) 25.8%, oklch(28.28% 0.0731 261.03) 29.0%, oklch(29.48% 0.0781 262.86) 32.3%, oklch(30.90% 0.0840 265.66) 35.5%, oklch(32.65% 0.0915 269.51) 38.7%, oklch(34.65% 0.1002 274.22) 41.9%, oklch(36.84% 0.1098 279.59) 45.2%, oklch(39.14% 0.1197 285.42) 48.4%, oklch(41.48% 0.1298 291.50) 51.6%, oklch(43.78% 0.1396 297.66) 54.8%, oklch(45.98% 0.1487 303.68) 58.1%, oklch(48.01% 0.1567 309.36) 61.3%, oklch(49.78% 0.1633 314.52) 64.5%, oklch(51.24% 0.1681 319.00) 67.7%, oklch(52.50% 0.1715 323.25) 71.0%, oklch(53.60% 0.1736 327.42) 74.2%, oklch(54.57% 0.1747 331.45) 77.4%, oklch(55.41% 0.1751 335.32) 80.6%, oklch(56.14% 0.1748 338.96) 83.9%, oklch(56.78% 0.1742 342.35) 87.1%, oklch(57.34% 0.1735 345.43) 90.3%, oklch(57.83% 0.1728 348.17) 93.5%, oklch(58.27% 0.1723 350.52) 96.8%, oklch(58.66% 0.1722 352.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.051 | 263.7 |
| 2 | 0.299 | 0.08 | 263.7 |
| 3 | 0.508 | 0.167 | 317.6 |
| 4 | 0.587 | 0.172 | 352.4 |

## In these collections

- [Night sky gradients](https://grabient.com/night-sky-gradients)

## Other forms

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