# Peach dusk to empty blue

A pale peach horizon dissolves into periwinkle and steel blue, sinking to a nearly black navy. The slow, quiet fade has the hush of an empty place after dark. Good for atmospheric backgrounds, night-sky effects and moody hero sections.

- Also called: Pink to navy linear gradient
- Seed: `kY7TwjUh4tr2eP-snj_nZ4_4-eP-`
- Page: https://grabient.com/kY7TwjUh4tr2eP-snj_nZ4_4-eP-?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 16.5 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 | `#ffe2d3` | `oklch(93.31% 0.0377 49.23)` | Powdered Peach | black, 17 to 1 |
| 2 | `#ffd3ca` | `oklch(90.16% 0.0515 31.41)` | Romantic Morn | black, 15.3 to 1 |
| 3 | `#ffbac8` | `oklch(85.72% 0.0809 5.43)` | Rosie | black, 13.1 to 1 |
| 4 | `#e2abd4` | `oklch(80.49% 0.0827 335.19)` | Pink Plunge | black, 11 to 1 |
| 5 | `#baa1d9` | `oklch(75.00% 0.0827 304.55)` | Enchanted Lavender | black, 9.1 to 1 |
| 6 | `#9199d1` | `oklch(69.77% 0.0827 277.41)` | Bluebell Frost | black, 7.6 to 1 |
| 7 | `#7092c3` | `oklch(65.32% 0.0827 257.66)` | Cornflower Blue | black, 6.5 to 1 |
| 8 | `#5c8ab5` | `oklch(61.85% 0.0827 247.38)` | Lichen Blue | black, 5.7 to 1 |
| 9 | `#5082ab` | `oklch(58.88% 0.0827 243.65)` | Ship’s Harbour | black, 5.1 to 1 |
| 10 | `#497aa3` | `oklch(56.27% 0.0827 244.46)` | Zenith | black, 4.6 to 1 |
| 11 | `#45729c` | `oklch(53.89% 0.0827 247.85)` | Naval | white, 5 to 1 |
| 12 | `#436b96` | `oklch(51.63% 0.0827 251.89)` | Queen Blue | white, 5.5 to 1 |
| 13 | `#406390` | `oklch(49.36% 0.0827 254.63)` | Blue Beret | white, 6.1 to 1 |
| 14 | `#395c88` | `oklch(47.01% 0.0827 254.93)` | Moroccan Resort | white, 6.8 to 1 |
| 15 | `#335681` | `oklch(44.74% 0.0827 254.93)` | Overtake | white, 7.5 to 1 |
| 16 | `#2d507b` | `oklch(42.54% 0.0827 254.93)` | Slumber | white, 8.2 to 1 |
| 17 | `#284a74` | `oklch(40.40% 0.0827 254.93)` | Sapphire Earrings | white, 9 to 1 |
| 18 | `#22446e` | `oklch(38.31% 0.0827 254.93)` | Fish Net Blue | white, 9.9 to 1 |
| 19 | `#1c3e68` | `oklch(36.26% 0.0827 254.93)` | Blue Opal | white, 10.7 to 1 |
| 20 | `#173962` | `oklch(34.23% 0.0827 254.93)` | Navy Peony | white, 11.6 to 1 |
| 21 | `#12345c` | `oklch(32.25% 0.0827 254.93)` | Incremental Blue | white, 12.6 to 1 |
| 22 | `#0c2e57` | `oklch(30.32% 0.0827 254.93)` | Ambassador Blue | white, 13.5 to 1 |
| 23 | `#072a51` | `oklch(28.42% 0.0827 254.93)` | Dark Tyrian Blue | white, 14.4 to 1 |
| 24 | `#02254c` | `oklch(26.55% 0.0827 254.93)` | Oxford Blue | white, 15.3 to 1 |
| 25 | `#002047` | `oklch(24.72% 0.0817 255.12)` | Oxford Blue | white, 16.2 to 1 |
| 26 | `#001c3f` | `oklch(22.87% 0.0758 255.17)` | Maastricht Blue | white, 17 to 1 |
| 27 | `#001737` | `oklch(20.90% 0.0694 255.24)` | Navy | white, 17.8 to 1 |
| 28 | `#00132e` | `oklch(18.84% 0.0628 255.36)` | Squid’s Ink | white, 18.5 to 1 |
| 29 | `#000e27` | `oklch(16.81% 0.0564 255.53)` | Void | white, 19.2 to 1 |
| 30 | `#000a20` | `oklch(14.96% 0.0506 255.78)` | Melanophobia | white, 19.7 to 1 |
| 31 | `#00071a` | `oklch(13.40% 0.0459 256.10)` | Melanophobia | white, 20 to 1 |
| 32 | `#000616` | `oklch(12.26% 0.0426 256.44)` | Melanophobia | white, 20.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #ffe2d3 0.0%, #ffd3ca 3.2%, #ffbac8 6.5%, #e2abd4 9.7%, #baa1d9 12.9%, #9199d1 16.1%, #7092c3 19.4%, #5c8ab5 22.6%, #5082ab 25.8%, #497aa3 29.0%, #45729c 32.3%, #436b96 35.5%, #406390 38.7%, #395c88 41.9%, #335681 45.2%, #2d507b 48.4%, #284a74 51.6%, #22446e 54.8%, #1c3e68 58.1%, #173962 61.3%, #12345c 64.5%, #0c2e57 67.7%, #072a51 71.0%, #02254c 74.2%, #002047 77.4%, #001c3f 80.6%, #001737 83.9%, #00132e 87.1%, #000e27 90.3%, #000a20 93.5%, #00071a 96.8%, #000616 100.0%);
background: linear-gradient(180deg in oklch, oklch(93.31% 0.0377 49.23) 0.0%, oklch(90.16% 0.0515 31.41) 3.2%, oklch(85.72% 0.0809 5.43) 6.5%, oklch(80.49% 0.0827 335.19) 9.7%, oklch(75.00% 0.0827 304.55) 12.9%, oklch(69.77% 0.0827 277.41) 16.1%, oklch(65.32% 0.0827 257.66) 19.4%, oklch(61.85% 0.0827 247.38) 22.6%, oklch(58.88% 0.0827 243.65) 25.8%, oklch(56.27% 0.0827 244.46) 29.0%, oklch(53.89% 0.0827 247.85) 32.3%, oklch(51.63% 0.0827 251.89) 35.5%, oklch(49.36% 0.0827 254.63) 38.7%, oklch(47.01% 0.0827 254.93) 41.9%, oklch(44.74% 0.0827 254.93) 45.2%, oklch(42.54% 0.0827 254.93) 48.4%, oklch(40.40% 0.0827 254.93) 51.6%, oklch(38.31% 0.0827 254.93) 54.8%, oklch(36.26% 0.0827 254.93) 58.1%, oklch(34.23% 0.0827 254.93) 61.3%, oklch(32.25% 0.0827 254.93) 64.5%, oklch(30.32% 0.0827 254.93) 67.7%, oklch(28.42% 0.0827 254.93) 71.0%, oklch(26.55% 0.0827 254.93) 74.2%, oklch(24.72% 0.0817 255.12) 77.4%, oklch(22.87% 0.0758 255.17) 80.6%, oklch(20.90% 0.0694 255.24) 83.9%, oklch(18.84% 0.0628 255.36) 87.1%, oklch(16.81% 0.0564 255.53) 90.3%, oklch(14.96% 0.0506 255.78) 93.5%, oklch(13.40% 0.0459 256.10) 96.8%, oklch(12.26% 0.0426 256.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.083 | 49.2 |
| 2 | 0.646 | 0.083 | -105.1 |
| 3 | 0.484 | 0.083 | -105.1 |
| 4 | 0.35 | 0.083 | -105.1 |
| 5 | 0.232 | 0.083 | -105.1 |
| 6 | 0.122 | 0.083 | -105.1 |

## In these collections

- [Liminal Places](https://grabient.com/liminal-places)

## Other forms

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