# Plum and ochre diwali palette

The Plum and ochre diwali palette brings together dark magenta, gold, magenta, red, 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: Dark purple, yellow, red and orange linear swatches
- Seed: `kWMzrq6EHOSs9snO08S3kjFw`
- Page: https://grabient.com/kWMzrq6EHOSs9snO08S3kjFw?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.4 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 | `#280427` | `oklch(20.08% 0.0799 329.77)` | Globe Thistle | white, 18.4 to 1 |
| 2 | `#ecbe00` | `oklch(81.89% 0.1674 91.29)` | Radiant Sunrise | black, 11.9 to 1 |
| 3 | `#620052` | `oklch(33.88% 0.1491 337.17)` | Clear Plum | white, 12.7 to 1 |
| 4 | `#f02550` | `oklch(61.81% 0.2301 17.32)` | Red Crayon | black, 5 to 1 |
| 5 | `#ee9300` | `oklch(74.02% 0.1636 66.97)` | Shiritorier’s Orange | black, 8.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #280427 0.000% 20.000%, #ecbe00 20.000% 40.000%, #620052 40.000% 60.000%, #f02550 60.000% 80.000%, #ee9300 80.000% 100.000%);
background: linear-gradient(135deg, oklch(20.08% 0.0799 329.77) 0.000% 20.000%, oklch(81.89% 0.1674 91.29) 20.000% 40.000%, oklch(33.88% 0.1491 337.17) 40.000% 60.000%, oklch(61.81% 0.2301 17.32) 60.000% 80.000%, oklch(74.02% 0.1636 66.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.08 | 329.8 |
| 2 | 0.819 | 0.181 | 451.3 |
| 3 | 0.339 | 0.169 | 337.2 |
| 4 | 0.618 | 0.23 | 377.3 |
| 5 | 0.74 | 0.2 | 427 |

## In these collections

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

## Other forms

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