# Blue and pale blush bold palette

The Blue and pale blush bold palette brings together dark blue, blue, magenta, and pale red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is pale red.

- Also called: Navy, purple and pink linear swatches
- Seed: `kWQT-_PUO_0nGwpVTEd8Bs_w`
- Page: https://grabient.com/kWQT-_PUO_0nGwpVTEd8Bs_w?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#121e4c` | `oklch(25.59% 0.0868 268.59)` | Fly-by-Night | white, 15.9 to 1 |
| 2 | `#314fc5` | `oklch(48.03% 0.1860 267.54)` | Kikorangi Blue | white, 6.8 to 1 |
| 3 | `#7c5de2` | `oklch(57.87% 0.1943 289.73)` | Gloomy Purple | white, 4.6 to 1 |
| 4 | `#ef4fa0` | `oklch(66.93% 0.2094 353.13)` | Major Magenta | black, 6.2 to 1 |
| 5 | `#ffc5dd` | `oklch(88.19% 0.0724 352.07)` | Sweet Romance | black, 14.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #121e4c 0.000% 20.000%, #314fc5 20.000% 40.000%, #7c5de2 40.000% 60.000%, #ef4fa0 60.000% 80.000%, #ffc5dd 80.000% 100.000%);
background: linear-gradient(135deg, oklch(25.59% 0.0868 268.59) 0.000% 20.000%, oklch(48.03% 0.1860 267.54) 20.000% 40.000%, oklch(57.87% 0.1943 289.73) 40.000% 60.000%, oklch(66.93% 0.2094 353.13) 60.000% 80.000%, oklch(88.19% 0.0724 352.07) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.087 | 268.6 |
| 2 | 0.48 | 0.186 | 267.5 |
| 3 | 0.579 | 0.194 | 289.7 |
| 4 | 0.669 | 0.209 | 353.1 |
| 5 | 0.882 | 0.074 | 352.1 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)

## Other forms

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