# Plum and crimson diwali palette

The Plum and crimson diwali palette brings together dark magenta, red, gold, magenta, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark magenta, and its lightest tone is gold.

- Also called: Seamless dark purple and yellow radial swatches
- Seed: `kYLjPsTFPE-w9yW9UDI28jKhmdM8`
- Page: https://grabient.com/kYLjPsTFPE-w9yW9UDI28jKhmdM8?style=radialSwatches&steps=6&angle=225
- Drawn as: radial swatches, 6 steps, 225 degrees
- Kinds: light center, vivid, warm, multicolor, seamless
- Hues: wide
- Contrast of its darkest and lightest colors: 12 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 | `#22031f` | `oklch(18.11% 0.0703 331.88)` | Black Sabbath | white, 19 to 1 |
| 2 | `#e81854` | `oklch(59.84% 0.2301 14.15)` | Howling Pink | black, 4.6 to 1 |
| 3 | `#f2cb1d` | `oklch(85.04% 0.1695 94.46)` | Golden Dream | black, 13.3 to 1 |
| 4 | `#a10085` | `oklch(48.04% 0.2104 338.22)` | Vanishing Night | white, 7.3 to 1 |
| 5 | `#e48f00` | `oklch(72.05% 0.1581 68.02)` | Hotter Butter | black, 8.2 to 1 |
| 6 | `#270429` | `oklch(20.08% 0.0799 325.53)` | Globe Thistle | white, 18.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #22031f 0.000% 16.667%, #e81854 16.667% 33.333%, #f2cb1d 33.333% 50.000%, #a10085 50.000% 66.667%, #e48f00 66.667% 83.333%, #270429 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(18.11% 0.0703 331.88) 0.000% 16.667%, oklch(59.84% 0.2301 14.15) 16.667% 33.333%, oklch(85.04% 0.1695 94.46) 33.333% 50.000%, oklch(48.04% 0.2104 338.22) 50.000% 66.667%, oklch(72.05% 0.1581 68.02) 66.667% 83.333%, oklch(20.08% 0.0799 325.53) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.07 | 331.9 |
| 2 | 0.598 | 0.23 | 374.1 |
| 3 | 0.85 | 0.169 | 454.5 |
| 4 | 0.48 | 0.22 | 338.2 |
| 5 | 0.72 | 0.2 | 428 |
| 6 | 0.201 | 0.08 | 325.5 |

## In these collections

- [Diwali swatches](https://grabient.com/diwali-swatches)

## Other forms

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