# Off-white and blue y2k palette

The Off-white and blue y2k palette brings together off-white, light blue, light purple, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits fashion mood boards and lookbook graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: White, light blue and lavender radial swatches
- Seed: `kW_gBAeIVPW-TyNiIsBUZ-_Q`
- Page: https://grabient.com/kW_gBAeIVPW-TyNiIsBUZ-_Q?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light to dark, pastel, light
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.4 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 | `#ffffff` | `oklch(100.00% 0.0000 89.88)` | White | black, 21 to 1 |
| 2 | `#e5f0f5` | `oklch(94.88% 0.0138 219.98)` | Clear Vision | black, 18.1 to 1 |
| 3 | `#d9d0f7` | `oklch(87.80% 0.0537 295.01)` | Pale Lavender | black, 14.3 to 1 |
| 4 | `#bca8ea` | `oklch(77.17% 0.0951 298.18)` | Perfume | black, 9.9 to 1 |
| 5 | `#8e83bd` | `oklch(64.17% 0.0868 292.90)` | Bravo! | black, 6.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffffff 0.000% 20.000%, #e5f0f5 20.000% 40.000%, #d9d0f7 40.000% 60.000%, #bca8ea 60.000% 80.000%, #8e83bd 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(100.00% 0.0000 89.88) 0.000% 20.000%, oklch(94.88% 0.0138 219.98) 20.000% 40.000%, oklch(87.80% 0.0537 295.01) 40.000% 60.000%, oklch(77.17% 0.0951 298.18) 60.000% 80.000%, oklch(64.17% 0.0868 292.90) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 1 | 0 | 90 |
| 2 | 0.949 | 0.014 | 220 |
| 3 | 0.878 | 0.054 | 295 |
| 4 | 0.772 | 0.095 | 298.2 |
| 5 | 0.642 | 0.087 | 292.9 |

## In these collections

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

## Other forms

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