# Midnight violet pumpkin swatches

The Midnight violet pumpkin swatches brings together dark blue, blue, purple, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal packaging and event invitations. Its darkest tone is dark blue, and its lightest tone is orange.

- Also called: Black, blue, purple and orange radial swatches
- Seed: `kUMxKsMRk_krNR_ZyEug`
- Page: https://grabient.com/kUMxKsMRk_krNR_ZyEug?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark to light, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#0c1821` | `oklch(20.08% 0.0248 241.87)` | Black Stallion | white, 18 to 1 |
| 2 | `#1a4964` | `oklch(38.58% 0.0689 238.70)` | Swallow Blue | white, 9.6 to 1 |
| 3 | `#9d4ddd` | `oklch(58.66% 0.2122 306.34)` | Lightish Purple | white, 4.6 to 1 |
| 4 | `#ff6d03` | `oklch(70.47% 0.1984 45.67)` | Spooky Tangerine | black, 7.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0c1821 0.000% 25.000%, #1a4964 25.000% 50.000%, #9d4ddd 50.000% 75.000%, #ff6d03 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(20.08% 0.0248 241.87) 0.000% 25.000%, oklch(38.58% 0.0689 238.70) 25.000% 50.000%, oklch(58.66% 0.2122 306.34) 50.000% 75.000%, oklch(70.47% 0.1984 45.67) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.025 | 241.9 |
| 2 | 0.386 | 0.069 | 238.7 |
| 3 | 0.587 | 0.212 | 306.3 |
| 4 | 0.705 | 0.198 | 405.7 |

## In these collections

- [Halloween swatches](https://grabient.com/halloween-swatches)

## Other forms

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