# Plum, blush and bronze analogous palette

The Plum, blush and bronze analogous palette brings together magenta, light magenta, light red, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and campaign graphics. Its darkest tone is magenta, and its lightest tone is light red.

- Also called: Analogous purple, pink and brown linear swatches
- Seed: `kUWmnn4B9CueXwozsULg`
- Page: https://grabient.com/kUWmnn4B9CueXwozsULg?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Kinds: light center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#5f1263` | `oklch(35.43% 0.1447 325.55)` | Clear Plum | white, 11.9 to 1 |
| 2 | `#d99ab9` | `oklch(75.59% 0.0854 348.80)` | Soft Matte | black, 9.2 to 1 |
| 3 | `#e9b2b8` | `oklch(81.50% 0.0648 10.99)` | Amazon River Dolphin | black, 11.5 to 1 |
| 4 | `#822303` | `oklch(40.55% 0.1350 36.35)` | Mahogany Brown | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #5f1263 0.000% 25.000%, #d99ab9 25.000% 50.000%, #e9b2b8 50.000% 75.000%, #822303 75.000% 100.000%);
background: linear-gradient(180deg, oklch(35.43% 0.1447 325.55) 0.000% 25.000%, oklch(75.59% 0.0854 348.80) 25.000% 50.000%, oklch(81.50% 0.0648 10.99) 50.000% 75.000%, oklch(40.55% 0.1350 36.35) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.145 | 325.5 |
| 2 | 0.756 | 0.085 | 348.8 |
| 3 | 0.815 | 0.065 | 371 |
| 4 | 0.406 | 0.135 | 396.3 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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