# Stone and teal winter palette

The Stone and teal winter palette brings together off-white, light teal, and teal. The colors span a moderate lightness range, combining restrained color with clear contrast. Its light and open character suits holiday stationery and seasonal displays. Its darkest tone is teal, and its lightest tone is off-white.

- Also called: Analogous gray, light blue and teal radial swatches
- Seed: `kU6A1j6Q_FFaZQi9mkFg`
- Page: https://grabient.com/kU6A1j6Q_FFaZQi9mkFg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light to dark, pastel, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.8 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 | `#dce6da` | `oklch(91.34% 0.0179 139.92)` | Mineral White | black, 16.3 to 1 |
| 2 | `#a8d0c9` | `oklch(82.68% 0.0427 183.25)` | Sea Inspired | black, 12.5 to 1 |
| 3 | `#62a6ab` | `oklch(68.11% 0.0689 202.27)` | Nirvana Jewel | black, 7.5 to 1 |
| 4 | `#236978` | `oklch(48.43% 0.0717 214.95)` | Discovery Bay | white, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #dce6da 0.000% 25.000%, #a8d0c9 25.000% 50.000%, #62a6ab 50.000% 75.000%, #236978 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(91.34% 0.0179 139.92) 0.000% 25.000%, oklch(82.68% 0.0427 183.25) 25.000% 50.000%, oklch(68.11% 0.0689 202.27) 50.000% 75.000%, oklch(48.43% 0.0717 214.95) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.018 | 139.9 |
| 2 | 0.827 | 0.043 | 183.2 |
| 3 | 0.681 | 0.069 | 202.3 |
| 4 | 0.484 | 0.072 | 215 |

## In these collections

- [Winter swatches](https://grabient.com/winter-swatches)

## Other forms

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