# Near-black, rose and sage practical magic palette

The Near-black, rose and sage practical magic palette brings together dark gray, red, magenta, and green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is magenta.

- Also called: Black, maroon, lavender and green radial swatches
- Seed: `kWOAT8qgtDbgsPdXkrqT5jTQ`
- Page: https://grabient.com/kWOAT8qgtDbgsPdXkrqT5jTQ?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#1d1a1b` | `oklch(22.05% 0.0055 355.08)` | Siyâh Black | white, 17.3 to 1 |
| 2 | `#44302e` | `oklch(33.07% 0.0303 24.67)` | Old Burgundy | white, 12.3 to 1 |
| 3 | `#872f48` | `oklch(44.09% 0.1213 6.70)` | Anemone | white, 8.2 to 1 |
| 4 | `#aa91ae` | `oklch(68.90% 0.0510 321.26)` | Knight’s Tale | black, 7.3 to 1 |
| 5 | `#7e8f62` | `oklch(62.60% 0.0675 125.06)` | Moss Point Green | black, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1d1a1b 0.000% 20.000%, #44302e 20.000% 40.000%, #872f48 40.000% 60.000%, #aa91ae 60.000% 80.000%, #7e8f62 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(22.05% 0.0055 355.08) 0.000% 20.000%, oklch(33.07% 0.0303 24.67) 20.000% 40.000%, oklch(44.09% 0.1213 6.70) 40.000% 60.000%, oklch(68.90% 0.0510 321.26) 60.000% 80.000%, oklch(62.60% 0.0675 125.06) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.006 | 355.1 |
| 2 | 0.331 | 0.03 | 384.7 |
| 3 | 0.441 | 0.121 | 366.7 |
| 4 | 0.689 | 0.051 | 321.3 |
| 5 | 0.626 | 0.068 | 485.1 |

## In these collections

- [Practical Magic swatches](https://grabient.com/practical-magic-swatches)

## Other forms

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