# Mintwater Rings

The Sky blue blue and teal palette brings together light blue, light teal, and light green. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light teal, and its lightest tone is light blue.

- Also called: Pastel monochrome blue radial swatches
- Seed: `kS3yWjZiC8W0bvK`
- Page: https://grabient.com/kS3yWjZiC8W0bvK?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: even lightness, pastel, light, cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.2 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 | `#b5def2` | `oklch(87.80% 0.0510 229.22)` | Diluted Blue | black, 14.6 to 1 |
| 2 | `#93d6e7` | `oklch(83.71% 0.0711 215.61)` | Orleans Tune | black, 13 to 1 |
| 3 | `#73d1d4` | `oklch(80.31% 0.0896 198.57)` | Soft Turquoise | black, 11.7 to 1 |
| 4 | `#84d9cb` | `oklch(82.60% 0.0851 182.92)` | Mintos | black, 12.7 to 1 |
| 5 | `#9de1ca` | `oklch(85.83% 0.0758 171.10)` | Aqua Wish | black, 14 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b5def2 0.000% 20.000%, #93d6e7 20.000% 40.000%, #73d1d4 40.000% 60.000%, #84d9cb 60.000% 80.000%, #9de1ca 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(87.80% 0.0510 229.22) 0.000% 20.000%, oklch(83.71% 0.0711 215.61) 20.000% 40.000%, oklch(80.31% 0.0896 198.57) 40.000% 60.000%, oklch(82.60% 0.0851 182.92) 60.000% 80.000%, oklch(85.83% 0.0758 171.10) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.051 | 229.2 |
| 2 | 0.803 | 0.09 | 198.6 |
| 3 | 0.858 | 0.076 | 171.1 |

## In these collections

- [Blue and teal swatches](https://grabient.com/blue-and-teal-swatches)

## Other forms

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