# Pale mint, teal and coral mint palette

The Pale mint, teal and coral mint palette brings together off-white, pale green, light green, green, pale orange, and light red. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Pastel blue, gray, teal and pink radial swatches
- Seed: `kY-At19Y1AOwXv5bm0B9wo2OQcOO`
- Page: https://grabient.com/kY-At19Y1AOwXv5bm0B9wo2OQcOO?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: pastel, light
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.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 | `#eefbf5` | `oklch(97.64% 0.0152 165.23)` | Placebo Turquoise | black, 19.7 to 1 |
| 2 | `#d1eee1` | `oklch(92.52% 0.0358 167.35)` | Jewel White | black, 17 to 1 |
| 3 | `#a7dcc3` | `oklch(85.04% 0.0648 164.18)` | Shanghai Jade | black, 13.6 to 1 |
| 4 | `#75b49c` | `oklch(72.05% 0.0744 168.40)` | Beau Monde | black, 8.7 to 1 |
| 5 | `#f2e9d6` | `oklch(93.70% 0.0276 85.98)` | Pearled Couscous | black, 17.4 to 1 |
| 6 | `#e7a79f` | `oklch(78.74% 0.0772 26.80)` | Faithful Rose | black, 10.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #eefbf5 0.000% 16.667%, #d1eee1 16.667% 33.333%, #a7dcc3 33.333% 50.000%, #75b49c 50.000% 66.667%, #f2e9d6 66.667% 83.333%, #e7a79f 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(97.64% 0.0152 165.23) 0.000% 16.667%, oklch(92.52% 0.0358 167.35) 16.667% 33.333%, oklch(85.04% 0.0648 164.18) 33.333% 50.000%, oklch(72.05% 0.0744 168.40) 50.000% 66.667%, oklch(93.70% 0.0276 85.98) 66.667% 83.333%, oklch(78.74% 0.0772 26.80) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.015 | 165.2 |
| 2 | 0.925 | 0.036 | 167.3 |
| 3 | 0.85 | 0.065 | 164.2 |
| 4 | 0.72 | 0.074 | 168.4 |
| 5 | 0.937 | 0.028 | 86 |
| 6 | 0.787 | 0.077 | 26.8 |

## In these collections

- [Mint color palette](https://grabient.com/mint-color-palette)

## Other forms

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