# Blush pink and blue palette

The Blush pink and blue palette brings together dark blue, blue, purple, magenta, and light red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is light red.

- Also called: Muted navy, purple and pink linear gradient
- Seed: `kYOzG-qZ3ATafwXCnsKTx7DN0cws`
- Page: https://grabient.com/kYOzG-qZ3ATafwXCnsKTx7DN0cws?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#101a3d` | `oklch(23.23% 0.0675 267.89)` | Nightwalker | white, 16.9 to 1 |
| 2 | `#121d40` | `oklch(24.21% 0.0691 268.12)` | Nightwalker | white, 16.5 to 1 |
| 3 | `#152045` | `oklch(25.55% 0.0712 268.34)` | Konkikyō Blue | white, 15.8 to 1 |
| 4 | `#18244a` | `oklch(27.14% 0.0738 268.65)` | Dark Eclipse | white, 15.1 to 1 |
| 5 | `#1c2851` | `oklch(28.88% 0.0765 269.10)` | Space Cadet | white, 14.3 to 1 |
| 6 | `#202c57` | `oklch(30.66% 0.0789 269.80)` | Ultramarine Violet | white, 13.4 to 1 |
| 7 | `#25305d` | `oklch(32.36% 0.0810 270.81)` | Underwater Realm | white, 12.7 to 1 |
| 8 | `#293462` | `oklch(33.97% 0.0825 272.16)` | Navy Trim | white, 11.9 to 1 |
| 9 | `#2f3767` | `oklch(35.61% 0.0838 273.76)` | Deep Koamaru | white, 11.2 to 1 |
| 10 | `#343b6d` | `oklch(37.29% 0.0848 275.61)` | Spirit Blue | white, 10.5 to 1 |
| 11 | `#3a3f72` | `oklch(38.97% 0.0857 277.70)` | Lviv Blue | white, 9.8 to 1 |
| 12 | `#414377` | `oklch(40.64% 0.0863 280.05)` | Little Blue Heron | white, 9.1 to 1 |
| 13 | `#47477c` | `oklch(42.27% 0.0867 282.64)` | Highlands Twilight | white, 8.5 to 1 |
| 14 | `#4e4a80` | `oklch(43.86% 0.0869 285.49)` | Altar of Heaven | white, 8 to 1 |
| 15 | `#554e83` | `oklch(45.40% 0.0866 288.66)` | Fully Purple | white, 7.5 to 1 |
| 16 | `#5c5187` | `oklch(46.91% 0.0861 292.11)` | Freshly Purpleized | white, 7 to 1 |
| 17 | `#63548a` | `oklch(48.41% 0.0854 295.77)` | Fine Purple | white, 6.6 to 1 |
| 18 | `#6a578c` | `oklch(49.92% 0.0848 299.60)` | Butterfly Bush | white, 6.2 to 1 |
| 19 | `#715b8f` | `oklch(51.44% 0.0842 303.54)` | Emperor Jewel | white, 5.8 to 1 |
| 20 | `#795e92` | `oklch(52.98% 0.0840 307.56)` | Ghostly Purple | white, 5.4 to 1 |
| 21 | `#816294` | `oklch(54.53% 0.0840 311.84)` | Clematis | white, 5.1 to 1 |
| 22 | `#886596` | `oklch(56.09% 0.0841 316.33)` | Dark Lavender | white, 4.8 to 1 |
| 23 | `#906998` | `oklch(57.66% 0.0843 320.92)` | Viola Grey | black, 4.6 to 1 |
| 24 | `#986c99` | `oklch(59.25% 0.0844 325.51)` | Tatarian Aster | black, 4.9 to 1 |
| 25 | `#a0709b` | `oklch(60.87% 0.0843 329.98)` | Drama Queen | black, 5.2 to 1 |
| 26 | `#a7749d` | `oklch(62.55% 0.0840 334.25)` | Teen Queen | black, 5.6 to 1 |
| 27 | `#af7a9f` | `oklch(64.43% 0.0833 338.68)` | Usu Pink | black, 6 to 1 |
| 28 | `#b87fa1` | `oklch(66.48% 0.0823 343.25)` | Purple Cheeks | black, 6.6 to 1 |
| 29 | `#c085a3` | `oklch(68.53% 0.0812 347.71)` | Rosy | black, 7.1 to 1 |
| 30 | `#c78ba5` | `oklch(70.45% 0.0801 351.78)` | Pinch Me | black, 7.6 to 1 |
| 31 | `#cd90a7` | `oklch(72.06% 0.0792 355.21)` | Kiss | black, 8.1 to 1 |
| 32 | `#d294a8` | `oklch(73.23% 0.0785 357.71)` | Madagascar Pink | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #101a3d 0.0%, #121d40 3.2%, #152045 6.5%, #18244a 9.7%, #1c2851 12.9%, #202c57 16.1%, #25305d 19.4%, #293462 22.6%, #2f3767 25.8%, #343b6d 29.0%, #3a3f72 32.3%, #414377 35.5%, #47477c 38.7%, #4e4a80 41.9%, #554e83 45.2%, #5c5187 48.4%, #63548a 51.6%, #6a578c 54.8%, #715b8f 58.1%, #795e92 61.3%, #816294 64.5%, #886596 67.7%, #906998 71.0%, #986c99 74.2%, #a0709b 77.4%, #a7749d 80.6%, #af7a9f 83.9%, #b87fa1 87.1%, #c085a3 90.3%, #c78ba5 93.5%, #cd90a7 96.8%, #d294a8 100.0%);
background: linear-gradient(135deg in oklch, oklch(23.23% 0.0675 267.89) 0.0%, oklch(24.21% 0.0691 268.12) 3.2%, oklch(25.55% 0.0712 268.34) 6.5%, oklch(27.14% 0.0738 268.65) 9.7%, oklch(28.88% 0.0765 269.10) 12.9%, oklch(30.66% 0.0789 269.80) 16.1%, oklch(32.36% 0.0810 270.81) 19.4%, oklch(33.97% 0.0825 272.16) 22.6%, oklch(35.61% 0.0838 273.76) 25.8%, oklch(37.29% 0.0848 275.61) 29.0%, oklch(38.97% 0.0857 277.70) 32.3%, oklch(40.64% 0.0863 280.05) 35.5%, oklch(42.27% 0.0867 282.64) 38.7%, oklch(43.86% 0.0869 285.49) 41.9%, oklch(45.40% 0.0866 288.66) 45.2%, oklch(46.91% 0.0861 292.11) 48.4%, oklch(48.41% 0.0854 295.77) 51.6%, oklch(49.92% 0.0848 299.60) 54.8%, oklch(51.44% 0.0842 303.54) 58.1%, oklch(52.98% 0.0840 307.56) 61.3%, oklch(54.53% 0.0840 311.84) 64.5%, oklch(56.09% 0.0841 316.33) 67.7%, oklch(57.66% 0.0843 320.92) 71.0%, oklch(59.25% 0.0844 325.51) 74.2%, oklch(60.87% 0.0843 329.98) 77.4%, oklch(62.55% 0.0840 334.25) 80.6%, oklch(64.43% 0.0833 338.68) 83.9%, oklch(66.48% 0.0823 343.25) 87.1%, oklch(68.53% 0.0812 347.71) 90.3%, oklch(70.45% 0.0801 351.78) 93.5%, oklch(72.06% 0.0792 355.21) 96.8%, oklch(73.23% 0.0785 357.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.068 | 267.9 |
| 2 | 0.327 | 0.081 | 271.1 |
| 3 | 0.429 | 0.087 | 283.7 |
| 4 | 0.524 | 0.084 | 305.9 |
| 5 | 0.622 | 0.084 | 333.4 |
| 6 | 0.732 | 0.079 | 357.7 |

## In these collections

- [Pink and blue gradients](https://grabient.com/pink-and-blue-gradients)

## Other forms

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