# Color Palette: Pale lilac and rose

The "Color Palette: Pale lilac and rose" palette brings together off-white, light purple, magenta, blue, and dark blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: White, lavender, pink and navy angular swatches
- Seed: `kW-wTj6CS_9Law3bujOJiC-I`
- Page: https://grabient.com/kW-wTj6CS_9Law3bujOJiC-I?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13 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 | `#fdfafd` | `oklch(98.82% 0.0055 319.92)` | Snowman | black, 20.2 to 1 |
| 2 | `#e1afed` | `oklch(81.89% 0.1006 319.92)` | Candy Dreams | black, 11.5 to 1 |
| 3 | `#f32ba5` | `oklch(64.96% 0.2494 349.51)` | Magnificent Magenta | black, 5.6 to 1 |
| 4 | `#3badff` | `oklch(72.05% 0.1561 244.89)` | Fantasy Console Sky | black, 8.5 to 1 |
| 5 | `#003346` | `oklch(29.93% 0.0598 230.21)` | Crowberry Blue | white, 13.5 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #fdfafd 0.000% 20.000%, #e1afed 20.000% 40.000%, #f32ba5 40.000% 60.000%, #3badff 60.000% 80.000%, #003346 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(98.82% 0.0055 319.92) 0.000% 20.000%, oklch(81.89% 0.1006 319.92) 20.000% 40.000%, oklch(64.96% 0.2494 349.51) 40.000% 60.000%, oklch(72.05% 0.1561 244.89) 60.000% 80.000%, oklch(29.93% 0.0598 230.21) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.988 | 0.006 | 319.9 |
| 2 | 0.819 | 0.101 | 319.9 |
| 3 | 0.65 | 0.249 | 349.5 |
| 4 | 0.72 | 0.16 | 244.9 |
| 5 | 0.299 | 0.09 | 230.1 |

## In these collections

- [Cyberpunk swatches](https://grabient.com/cyberpunk-swatches)
- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)
- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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