# Indigo magenta pumpkin rings

The Indigo magenta pumpkin rings brings together dark blue, purple, magenta, 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: Navy, blue, purple and orange radial swatches
- Seed: `kUMSS-rkrBsRSRjbwUlA`
- Page: https://grabient.com/kUMSS-rkrBsRSRjbwUlA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7 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 | `#0b132b` | `oklch(19.29% 0.0496 267.89)` | Squid’s Ink | white, 18.4 to 1 |
| 2 | `#3a0ca3` | `oklch(36.22% 0.2053 282.69)` | Deep Daijin Blue | white, 11.9 to 1 |
| 3 | `#b5169e` | `oklch(53.54% 0.2260 335.52)` | Jealous Jellyfish | white, 5.8 to 1 |
| 4 | `#f78000` | `oklch(72.05% 0.1789 54.76)` | University of Tennessee Orange | black, 8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0b132b 0.000% 25.000%, #3a0ca3 25.000% 50.000%, #b5169e 50.000% 75.000%, #f78000 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(19.29% 0.0496 267.89) 0.000% 25.000%, oklch(36.22% 0.2053 282.69) 25.000% 50.000%, oklch(53.54% 0.2260 335.52) 50.000% 75.000%, oklch(72.05% 0.1789 54.76) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.193 | 0.05 | 267.9 |
| 2 | 0.362 | 0.205 | 282.7 |
| 3 | 0.535 | 0.226 | 335.5 |
| 4 | 0.72 | 0.179 | 414.8 |

## In these collections

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

## Other forms

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