# Mint Forest Teal Rings

These six concentric rings move outward through deep olive green, leaf green, mint, near-black forest green, teal, and pale teal. The full route offers several distinct foreground and background roles while staying inside the green family. Use it for botanical graphics, wellness packaging, environmental presentations, or layered interface accents.

- Also called: Analogous black, green and teal radial swatches
- Seed: `kYMiNavqxBeS4QUYjkEPqBBGSZwM`
- Page: https://grabient.com/kYMiNavqxBeS4QUYjkEPqBBGSZwM?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 10 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 | `#0f1901` | `oklch(19.69% 0.0482 127.27)` | Pinch of Pepper | white, 18 to 1 |
| 2 | `#377129` | `oklch(49.21% 0.1213 139.95)` | Green-Eyed Monster | white, 5.9 to 1 |
| 3 | `#63d788` | `oklch(79.13% 0.1543 151.57)` | Electric Lettuce | black, 11.5 to 1 |
| 4 | `#021a0f` | `oklch(19.29% 0.0386 161.08)` | Pinch of Pepper | white, 18.1 to 1 |
| 5 | `#1a715a` | `oklch(49.21% 0.0882 170.59)` | Tropical Rainforest | white, 5.9 to 1 |
| 6 | `#89cabb` | `oklch(79.13% 0.0703 177.99)` | Tranquil Teal | black, 11.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #0f1901 0.000% 16.667%, #377129 16.667% 33.333%, #63d788 33.333% 50.000%, #021a0f 50.000% 66.667%, #1a715a 66.667% 83.333%, #89cabb 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(19.69% 0.0482 127.27) 0.000% 16.667%, oklch(49.21% 0.1213 139.95) 16.667% 33.333%, oklch(79.13% 0.1543 151.57) 33.333% 50.000%, oklch(19.29% 0.0386 161.08) 50.000% 66.667%, oklch(49.21% 0.0882 170.59) 66.667% 83.333%, oklch(79.13% 0.0703 177.99) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.048 | 127.3 |
| 2 | 0.492 | 0.121 | 139.9 |
| 3 | 0.791 | 0.154 | 151.6 |
| 4 | 0.193 | 0.039 | 161.1 |
| 5 | 0.492 | 0.088 | 170.6 |
| 6 | 0.791 | 0.07 | 178 |

## In these collections

- [Green swatches](https://grabient.com/green-swatches)

## Other forms

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