# Mauve and wine analogous palette

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

- Also called: Purple, black, maroon and brown radial swatches
- Seed: `kUhVTpFprCp-jwpLosJg`
- Page: https://grabient.com/kUhVTpFprCp-jwpLosJg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark center, vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.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 | `#8d508c` | `oklch(52.36% 0.1157 327.66)` | Cosmic Berry | white, 5.7 to 1 |
| 2 | `#260015` | `oklch(17.72% 0.0730 350.90)` | Belladonna | white, 19.1 to 1 |
| 3 | `#440113` | `oklch(24.80% 0.0978 13.10)` | Rhinoceros Beetle | white, 16.6 to 1 |
| 4 | `#b06958` | `oklch(59.45% 0.0951 34.23)` | Deathclaw Brown | black, 4.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #8d508c 0.000% 25.000%, #260015 25.000% 50.000%, #440113 50.000% 75.000%, #b06958 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(52.36% 0.1157 327.66) 0.000% 25.000%, oklch(17.72% 0.0730 350.90) 25.000% 50.000%, oklch(24.80% 0.0978 13.10) 50.000% 75.000%, oklch(59.45% 0.0951 34.23) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.524 | 0.116 | 327.7 |
| 2 | 0.177 | 0.073 | 350.9 |
| 3 | 0.248 | 0.098 | 373.1 |
| 4 | 0.594 | 0.095 | 394.2 |

## In these collections

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

## Other forms

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