# Dusty Blue, Plum and Candle Amber

The Dusty Blue, Plum and Candle Amber brings together dark blue, blue, magenta, and orange. The colors span a moderate 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 blue, and its lightest tone is orange.

- Also called: Black, blue, purple and brown radial swatches
- Seed: `kUPRewOg-_TebzFOo0ig`
- Page: https://grabient.com/kUPRewOg-_TebzFOo0ig?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: dark to light, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#13212e` | `oklch(24.02% 0.0317 247.50)` | Hēi Sè Black | white, 16.4 to 1 |
| 2 | `#425a6d` | `oklch(45.67% 0.0427 242.22)` | Infinite Deep Sea | white, 7.1 to 1 |
| 3 | `#70405a` | `oklch(43.70% 0.0758 346.83)` | Mystique Violet | white, 8.2 to 1 |
| 4 | `#b07746` | `oklch(61.81% 0.0965 60.81)` | Gold Metal | black, 5.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #13212e 0.000% 25.000%, #425a6d 25.000% 50.000%, #70405a 50.000% 75.000%, #b07746 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(24.02% 0.0317 247.50) 0.000% 25.000%, oklch(45.67% 0.0427 242.22) 25.000% 50.000%, oklch(43.70% 0.0758 346.83) 50.000% 75.000%, oklch(61.81% 0.0965 60.81) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.24 | 0.032 | 247.5 |
| 2 | 0.457 | 0.043 | 242.2 |
| 3 | 0.437 | 0.076 | 346.8 |
| 4 | 0.618 | 0.096 | 420.8 |

## In these collections

- [Poetcore](https://grabient.com/poetcore)

## Other forms

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