# Sage lake in plum shadow

Four concentric bands progress from pale sage at the center through periwinkle and muted teal to dark plum at the edge. The airy center and cool middle rings read like mineral color and water enclosed by a dense shadow. Use it for wellness packaging, an atmospheric podcast cover, or a centered exhibition poster where the pale core can hold a mark or short title.

- Also called: Gray, blue, teal and dark purple radial swatches
- Seed: `kU1SJfShzPEGXOSiD1Cg`
- Page: https://grabient.com/kU1SJfShzPEGXOSiD1Cg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light to dark, muted, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.5 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 | `#bed1b2` | `oklch(83.86% 0.0469 133.59)` | Apple Ice | black, 12.9 to 1 |
| 2 | `#617baa` | `oklch(58.27% 0.0785 261.46)` | Deck Crew | black, 4.9 to 1 |
| 3 | `#367279` | `oklch(51.57% 0.0634 204.40)` | Whaling Waters | white, 5.4 to 1 |
| 4 | `#341d2a` | `oklch(26.77% 0.0413 346.00)` | Delighted Chimp | white, 15.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #bed1b2 0.000% 25.000%, #617baa 25.000% 50.000%, #367279 50.000% 75.000%, #341d2a 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(83.86% 0.0469 133.59) 0.000% 25.000%, oklch(58.27% 0.0785 261.46) 25.000% 50.000%, oklch(51.57% 0.0634 204.40) 50.000% 75.000%, oklch(26.77% 0.0413 346.00) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.047 | 133.6 |
| 2 | 0.583 | 0.079 | 261.5 |
| 3 | 0.516 | 0.063 | 204.4 |
| 4 | 0.268 | 0.041 | 346 |

## In these collections

- [Mystic outlands](https://grabient.com/mystic-outlands)

## Other forms

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