# Plum and champagne cream palette

The Plum and champagne cream palette brings together magenta, light magenta, and off-white. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is off-white.

- Also called: Monochrome purple and off-white linear swatches
- Seed: `kYWj_puiNANEeQBklj_c4fCPsHyy`
- Page: https://grabient.com/kYWj_puiNANEeQBklj_c4fCPsHyy?style=linearSwatches&steps=6&angle=270
- Drawn as: linear swatches, 6 steps, 270 degrees
- Kinds: dark to light, muted, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.5 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 | `#532952` | `oklch(35.43% 0.0868 328.36)` | Murasaki | white, 11.5 to 1 |
| 2 | `#754270` | `oklch(45.67% 0.0965 330.47)` | Wood Violet | white, 7.6 to 1 |
| 3 | `#a979a2` | `oklch(63.78% 0.0827 331.53)` | Usu Pink | black, 5.9 to 1 |
| 4 | `#d2adcd` | `oklch(79.13% 0.0606 330.47)` | Queenly | black, 10.6 to 1 |
| 5 | `#eddce3` | `oklch(90.94% 0.0207 349.49)` | Wishy-Washy Mauve | black, 15.9 to 1 |
| 6 | `#fbf4e5` | `oklch(96.85% 0.0207 84.60)` | Cotton Fluff | black, 19.1 to 1 |

## CSS

```css
background: linear-gradient(270deg, #532952 0.000% 16.667%, #754270 16.667% 33.333%, #a979a2 33.333% 50.000%, #d2adcd 50.000% 66.667%, #eddce3 66.667% 83.333%, #fbf4e5 83.333% 100.000%);
background: linear-gradient(270deg, oklch(35.43% 0.0868 328.36) 0.000% 16.667%, oklch(45.67% 0.0965 330.47) 16.667% 33.333%, oklch(63.78% 0.0827 331.53) 33.333% 50.000%, oklch(79.13% 0.0606 330.47) 50.000% 66.667%, oklch(90.94% 0.0207 349.49) 66.667% 83.333%, oklch(96.85% 0.0207 84.60) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.087 | 328.4 |
| 2 | 0.457 | 0.096 | 330.5 |
| 3 | 0.638 | 0.083 | 331.5 |
| 4 | 0.791 | 0.061 | 330.5 |
| 5 | 0.909 | 0.021 | 349.5 |
| 6 | 0.969 | 0.021 | 444.6 |

## In these collections

- [Cream swatches](https://grabient.com/cream-swatches)

## Other forms

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