# Magenta flowers and candle cream

A magenta center is surrounded by violet, warm orange, and pale golden cream in four concentric bands. The dark purple ring separates the pink flower color from the warmer candle tones at the edge. This Day of the Dead palette suits floral ornament graphics, illustrated invitations, and decorative celebration posters.

- Also called: Magenta, purple, orange and tan radial swatches
- Seed: `kUjpD9ujS6tq6S_xnsQA`
- Page: https://grabient.com/kUjpD9ujS6tq6S_xnsQA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark center, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.6 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 | `#c62c77` | `oklch(55.91% 0.1984 356.48)` | Prince Charming | white, 5.2 to 1 |
| 2 | `#723990` | `oklch(45.67% 0.1447 312.10)` | Perkin Mauve | white, 7.7 to 1 |
| 3 | `#ed822f` | `oklch(71.26% 0.1598 53.55)` | Navel | black, 7.8 to 1 |
| 4 | `#f3da9b` | `oklch(89.37% 0.0841 88.42)` | Pie Crust | black, 15.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c62c77 0.000% 25.000%, #723990 25.000% 50.000%, #ed822f 50.000% 75.000%, #f3da9b 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(55.91% 0.1984 356.48) 0.000% 25.000%, oklch(45.67% 0.1447 312.10) 25.000% 50.000%, oklch(71.26% 0.1598 53.55) 50.000% 75.000%, oklch(89.37% 0.0841 88.42) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.198 | 356.5 |
| 2 | 0.457 | 0.145 | 312.1 |
| 3 | 0.713 | 0.16 | 413.5 |
| 4 | 0.894 | 0.084 | 448.4 |

## In these collections

- [Day of the Dead swatches](https://grabient.com/day-of-the-dead-swatches)

## Other forms

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