# Violet Frost Rings

The Blue cool palette brings together dark blue and blue. 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 blue.

- Also called: Analogous navy and lavender radial swatches
- Seed: `kUREbIsDFAcO2wDWMcAg`
- Page: https://grabient.com/kUREbIsDFAcO2wDWMcAg?style=radialSwatches&steps=6&angle=315
- Drawn as: radial swatches, 6 steps, 315 degrees
- Kinds: dark to light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.1 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 | `#211c52` | `oklch(26.77% 0.0965 281.95)` | Silent Orbit | white, 15.5 to 1 |
| 2 | `#30266d` | `oklch(32.54% 0.1194 284.44)` | Dark Dreams | white, 12.9 to 1 |
| 3 | `#473790` | `oklch(40.60% 0.1400 286.74)` | Royal Wisteria | white, 9.4 to 1 |
| 4 | `#6250b2` | `oklch(50.06% 0.1494 287.90)` | Ultrapurple Merge | white, 6.3 to 1 |
| 5 | `#7f6dd0` | `oklch(59.73% 0.1461 289.24)` | C64 Purple | black, 5 to 1 |
| 6 | `#9887e5` | `oklch(67.72% 0.1364 290.41)` | Perrywinkle | black, 6.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #211c52 0.000% 16.667%, #30266d 16.667% 33.333%, #473790 33.333% 50.000%, #6250b2 50.000% 66.667%, #7f6dd0 66.667% 83.333%, #9887e5 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(26.77% 0.0965 281.95) 0.000% 16.667%, oklch(32.54% 0.1194 284.44) 16.667% 33.333%, oklch(40.60% 0.1400 286.74) 33.333% 50.000%, oklch(50.06% 0.1494 287.90) 50.000% 66.667%, oklch(59.73% 0.1461 289.24) 66.667% 83.333%, oklch(67.72% 0.1364 290.41) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.096 | 282 |
| 2 | 0.378 | 0.135 | 286.2 |
| 3 | 0.531 | 0.15 | 288.3 |
| 4 | 0.677 | 0.136 | 290.4 |

## In these collections

- [Cool swatches](https://grabient.com/cool-swatches)

## Other forms

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