# Burgundy Dusty Rose Rings

These four concentric rings move outward from deep burgundy through dusty rose, near-black wine, and muted mauve. The alternating dark and light bands keep each role distinct for text, borders, icons, and accents. Use them for wine labels, formal invitations, fashion graphics, or rich interface details centered on burgundy.

- Also called: Analogous black, pink and purple radial swatches
- Seed: `kUHyQQTik-pASvhOEr2g`
- Page: https://grabient.com/kUHyQQTik-pASvhOEr2g?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.3 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 | `#150001` | `oklch(12.23% 0.0493 22.73)` | Dark Matter | white, 20.3 to 1 |
| 2 | `#be6672` | `oklch(61.42% 0.1130 11.93)` | Cherry Fizz | black, 5.3 to 1 |
| 3 | `#140007` | `oklch(12.60% 0.0510 356.08)` | Glossy Black | white, 20.3 to 1 |
| 4 | `#997990` | `oklch(61.42% 0.0510 337.06)` | Mountbatten Pink | black, 5.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #150001 0.000% 25.000%, #be6672 25.000% 50.000%, #140007 50.000% 75.000%, #997990 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(12.23% 0.0493 22.73) 0.000% 25.000%, oklch(61.42% 0.1130 11.93) 25.000% 50.000%, oklch(12.60% 0.0510 356.08) 50.000% 75.000%, oklch(61.42% 0.0510 337.06) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.122 | 0.05 | 22.5 |
| 2 | 0.614 | 0.113 | 11.9 |
| 3 | 0.126 | 0.051 | -3.9 |
| 4 | 0.614 | 0.051 | -22.9 |

## In these collections

- [Burgundy swatches](https://grabient.com/burgundy-swatches)

## Other forms

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