# Blush and blue dusk palette

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

- Also called: Pink and gray linear swatches
- Seed: `kUzCP72Qk3MgOuc4CcUA`
- Page: https://grabient.com/kUzCP72Qk3MgOuc4CcUA?style=linearSwatches&angle=45
- Drawn as: linear swatches, 7 steps, 45 degrees
- Kinds: light to dark, neutral, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#d9b2c1` | `oklch(80.31% 0.0482 353.67)` | Mauvelous | black, 11.1 to 1 |
| 2 | `#bcaac0` | `oklch(76.03% 0.0356 319.92)` | Lavender Frost | black, 9.6 to 1 |
| 3 | `#9b9dae` | `oklch(70.08% 0.0248 279.70)` | Screen Test | black, 7.8 to 1 |
| 4 | `#7c8d9d` | `oklch(63.53% 0.0318 246.48)` | Lucid Blue | black, 6.1 to 1 |
| 5 | `#5e7c89` | `oklch(56.69% 0.0400 227.92)` | Night Owl | black, 4.6 to 1 |
| 6 | `#526475` | `oklch(49.56% 0.0340 246.35)` | Midnight Show | white, 6 to 1 |
| 7 | `#4d5262` | `oklch(44.09% 0.0262 271.25)` | Mystical Shade | white, 7.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #d9b2c1 0.000% 14.286%, #bcaac0 14.286% 28.571%, #9b9dae 28.571% 42.857%, #7c8d9d 42.857% 57.143%, #5e7c89 57.143% 71.429%, #526475 71.429% 85.714%, #4d5262 85.714% 100.000%);
background: linear-gradient(45deg, oklch(80.31% 0.0482 353.67) 0.000% 14.286%, oklch(76.03% 0.0356 319.92) 14.286% 28.571%, oklch(70.08% 0.0248 279.70) 28.571% 42.857%, oklch(63.53% 0.0318 246.48) 42.857% 57.143%, oklch(56.69% 0.0400 227.92) 57.143% 71.429%, oklch(49.56% 0.0340 246.35) 71.429% 85.714%, oklch(44.09% 0.0262 271.25) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.048 | 353.7 |
| 2 | 0.701 | 0.025 | 279.7 |
| 3 | 0.567 | 0.04 | 227.9 |
| 4 | 0.441 | 0.026 | 271.2 |

## In these collections

- [Dusk gradients](https://grabient.com/dusk-gradients)

## Other forms

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