# Icy Lake Winter Rings

These four concentric rings move through deep teal, bright ice blue, dark navy-gray, and pale lavender-gray. Their alternating values create a crisp focal target with several placements for dark or light type. Use them for winter event graphics, outdoor packaging, editorial covers, or abstract backgrounds inspired by frozen water, cold sky, and long blue shadows.

- Also called: Analogous dark green and light blue radial swatches
- Seed: `kUUCWQ5KjER-PQXzD0Mg`
- Page: https://grabient.com/kUUCWQ5KjER-PQXzD0Mg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 12 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 | `#05393d` | `oklch(31.50% 0.0510 203.20)` | Customs Green | white, 12.6 to 1 |
| 2 | `#74c4fc` | `oklch(79.13% 0.1116 240.19)` | Maya Blue | black, 11 to 1 |
| 3 | `#122234` | `oklch(24.80% 0.0413 252.87)` | Fog of War | white, 16 to 1 |
| 4 | `#daddfc` | `oklch(90.55% 0.0413 280.35)` | Transparent Blue | black, 15.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #05393d 0.000% 25.000%, #74c4fc 25.000% 50.000%, #122234 50.000% 75.000%, #daddfc 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(31.50% 0.0510 203.20) 0.000% 25.000%, oklch(79.13% 0.1116 240.19) 25.000% 50.000%, oklch(24.80% 0.0413 252.87) 50.000% 75.000%, oklch(90.55% 0.0413 280.35) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.051 | 203.2 |
| 2 | 0.791 | 0.112 | 240.2 |
| 3 | 0.248 | 0.041 | 252.9 |
| 4 | 0.906 | 0.041 | 280.3 |

## In these collections

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

## Other forms

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