# Celadon and Lavender Rings

The Lime, stone and dusty blue aurora palette brings together pale green, light green, light teal, purple, and blue. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale green.

- Also called: Off-white, gray and purple radial swatches
- Seed: `kY8h9T8pFB2oRQniCkU2JNMEeTvm`
- Page: https://grabient.com/kY8h9T8pFB2oRQniCkU2JNMEeTvm?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: light to dark, neutral, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 4 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 | `#edf4d4` | `oklch(95.28% 0.0427 117.42)` | Light Freshman | black, 18.4 to 1 |
| 2 | `#d2e6c6` | `oklch(90.16% 0.0469 133.27)` | Tactile | black, 15.8 to 1 |
| 3 | `#b2d2bb` | `oklch(83.46% 0.0469 154.41)` | Pitcher | black, 12.8 to 1 |
| 4 | `#a1babb` | `oklch(77.17% 0.0276 198.79)` | Festoon Aqua | black, 10.3 to 1 |
| 5 | `#a396b9` | `oklch(69.69% 0.0524 301.30)` | Grape Gatsby | black, 7.6 to 1 |
| 6 | `#747194` | `oklch(56.30% 0.0537 288.62)` | Rhythm | white, 4.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #edf4d4 0.000% 16.667%, #d2e6c6 16.667% 33.333%, #b2d2bb 33.333% 50.000%, #a1babb 50.000% 66.667%, #a396b9 66.667% 83.333%, #747194 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(95.28% 0.0427 117.42) 0.000% 16.667%, oklch(90.16% 0.0469 133.27) 16.667% 33.333%, oklch(83.46% 0.0469 154.41) 33.333% 50.000%, oklch(77.17% 0.0276 198.79) 50.000% 66.667%, oklch(69.69% 0.0524 301.30) 66.667% 83.333%, oklch(56.30% 0.0537 288.62) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.953 | 0.043 | 117.4 |
| 2 | 0.902 | 0.047 | 133.3 |
| 3 | 0.835 | 0.047 | 154.4 |
| 4 | 0.772 | 0.028 | 198.8 |
| 5 | 0.697 | 0.052 | 301.3 |
| 6 | 0.563 | 0.054 | 288.6 |

## In these collections

- [Aurora swatches](https://grabient.com/aurora-swatches)

## Other forms

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