# Pale blue, stone and orange dusk palette

The Pale blue, stone and orange dusk palette brings together off-white, light blue, light purple, light red, and pale orange. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light purple, and its lightest tone is off-white.

- Also called: Pastel tritone blue, lavender and pink linear swatches
- Seed: `kW9Auja43El2VRdoFcT847Eo`
- Page: https://grabient.com/kW9Auja43El2VRdoFcT847Eo?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#e8f4fa` | `oklch(96.06% 0.0152 229.22)` | Kodama White | black, 18.7 to 1 |
| 2 | `#c2cce6` | `oklch(84.65% 0.0372 268.32)` | Periwinkle Grey | black, 13.1 to 1 |
| 3 | `#b99fc2` | `oklch(73.62% 0.0579 317.99)` | Lupine | black, 8.7 to 1 |
| 4 | `#e5b4c2` | `oklch(81.89% 0.0593 0.26)` | Japanese Rose Garden | black, 11.6 to 1 |
| 5 | `#fad9cd` | `oklch(90.94% 0.0400 40.41)` | Yours Truly | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(45deg, #e8f4fa 0.000% 20.000%, #c2cce6 20.000% 40.000%, #b99fc2 40.000% 60.000%, #e5b4c2 60.000% 80.000%, #fad9cd 80.000% 100.000%);
background: linear-gradient(45deg, oklch(96.06% 0.0152 229.22) 0.000% 20.000%, oklch(84.65% 0.0372 268.32) 20.000% 40.000%, oklch(73.62% 0.0579 317.99) 40.000% 60.000%, oklch(81.89% 0.0593 0.26) 60.000% 80.000%, oklch(90.94% 0.0400 40.41) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.961 | 0.015 | 229.2 |
| 2 | 0.846 | 0.037 | 268.3 |
| 3 | 0.736 | 0.058 | 318 |
| 4 | 0.819 | 0.059 | 360.3 |
| 5 | 0.909 | 0.04 | 400.4 |

## In these collections

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

## Other forms

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