# Off-white and blush y2k palette

The Off-white and blush y2k palette brings together off-white, pale magenta, light magenta, magenta, and dark 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 dark magenta, and its lightest tone is off-white.

- Also called: Analogous white, pink and dark purple linear swatches
- Seed: `kY8wPscxTB2avQBXz8AwcfACIgvw`
- Page: https://grabient.com/kY8wPscxTB2avQBXz8AwcfACIgvw?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: light to dark, vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 13.8 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 | `#f2f0f2` | `oklch(95.67% 0.0041 331.88)` | Aragonite White | black, 18.4 to 1 |
| 2 | `#fed1e7` | `oklch(90.55% 0.0565 347.73)` | Poplar Pink | black, 15.4 to 1 |
| 3 | `#fe9ccd` | `oklch(80.71% 0.1295 348.78)` | Himalayan Balsam | black, 10.8 to 1 |
| 4 | `#f851ac` | `oklch(68.90% 0.2191 350.90)` | Pink Katydid | black, 6.7 to 1 |
| 5 | `#b41c73` | `oklch(51.57% 0.1970 351.95)` | Botticelli | white, 6.2 to 1 |
| 6 | `#420e30` | `oklch(26.77% 0.0896 344.56)` | Greek Aubergine | white, 15.7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f2f0f2 0.000% 16.667%, #fed1e7 16.667% 33.333%, #fe9ccd 33.333% 50.000%, #f851ac 50.000% 66.667%, #b41c73 66.667% 83.333%, #420e30 83.333% 100.000%);
background: linear-gradient(180deg, oklch(95.67% 0.0041 331.88) 0.000% 16.667%, oklch(90.55% 0.0565 347.73) 16.667% 33.333%, oklch(80.71% 0.1295 348.78) 33.333% 50.000%, oklch(68.90% 0.2191 350.90) 50.000% 66.667%, oklch(51.57% 0.1970 351.95) 66.667% 83.333%, oklch(26.77% 0.0896 344.56) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.004 | 331.9 |
| 2 | 0.906 | 0.056 | 347.7 |
| 3 | 0.807 | 0.13 | 348.8 |
| 4 | 0.689 | 0.219 | 350.9 |
| 5 | 0.516 | 0.197 | 352 |
| 6 | 0.268 | 0.09 | 344.6 |

## In these collections

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

## Other forms

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