# Blue and lavender y2k palette

The Blue and lavender y2k palette brings together off-white, blue, purple, and magenta. 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 blue, and its lightest tone is off-white.

- Also called: Gray, purple, pink and navy angular swatches
- Seed: `kW8QeyYMw_9pQRngyMVKw60A`
- Page: https://grabient.com/kW8QeyYMw_9pQRngyMVKw60A?style=angularSwatches&steps=5&angle=300
- Drawn as: angular swatches, 5 steps, 300 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#e9eff4` | `oklch(94.88% 0.0096 250.31)` | Distant Wind Chime | black, 18 to 1 |
| 2 | `#6fb6ff` | `oklch(75.98% 0.1277 250.31)` | French Sky Blue | black, 9.8 to 1 |
| 3 | `#be7cff` | `oklch(70.87% 0.1921 305.27)` | Illicit Purple | black, 7.5 to 1 |
| 4 | `#ff7fbf` | `oklch(75.98% 0.1702 350.70)` | Pink Tease | black, 9 to 1 |
| 5 | `#28394c` | `oklch(33.86% 0.0400 250.31)` | Cool Air of Debonair | white, 11.7 to 1 |

## CSS

```css
background: conic-gradient(from 300deg, #e9eff4 0.000% 20.000%, #6fb6ff 20.000% 40.000%, #be7cff 40.000% 60.000%, #ff7fbf 60.000% 80.000%, #28394c 80.000% 100.000%);
background: conic-gradient(from 300deg, oklch(94.88% 0.0096 250.31) 0.000% 20.000%, oklch(75.98% 0.1277 250.31) 20.000% 40.000%, oklch(70.87% 0.1921 305.27) 40.000% 60.000%, oklch(75.98% 0.1702 350.70) 60.000% 80.000%, oklch(33.86% 0.0400 250.31) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.01 | 250.3 |
| 2 | 0.76 | 0.209 | 250.3 |
| 3 | 0.709 | 0.22 | 305.3 |
| 4 | 0.76 | 0.2 | 350.7 |
| 5 | 0.339 | 0.04 | 250.3 |

## In these collections

- [Y2K swatches](https://grabient.com/y2k-swatches)

## Other forms

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