# Mint green and gold palette

The Mint green and gold palette brings together light green, pale green, gold, and light yellow. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light green, and its lightest tone is light yellow.

- Also called: Pastel analogous blue and beige radial swatches
- Seed: `kWzTZ17Bg_fCSvbsobpcps_o`
- Page: https://grabient.com/kWzTZ17Bg_fCSvbsobpcps_o?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: even lightness, pastel, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.3 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 | `#92d0b4` | `oklch(80.71% 0.0744 165.23)` | Tropical Trail | black, 11.8 to 1 |
| 2 | `#a3dabe` | `oklch(84.15% 0.0684 162.87)` | Shanghai Jade | black, 13.2 to 1 |
| 3 | `#bde1c6` | `oklch(87.69% 0.0533 152.36)` | Mother Nature | black, 14.7 to 1 |
| 4 | `#cdddad` | `oklch(87.43% 0.0663 122.84)` | Chameleon | black, 14.5 to 1 |
| 5 | `#e7cf8a` | `oklch(85.95% 0.0922 91.07)` | Alchemy | black, 13.7 to 1 |
| 6 | `#f0dea6` | `oklch(90.16% 0.0744 92.32)` | North Star | black, 15.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #92d0b4 0.000% 16.667%, #a3dabe 16.667% 33.333%, #bde1c6 33.333% 50.000%, #cdddad 50.000% 66.667%, #e7cf8a 66.667% 83.333%, #f0dea6 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(80.71% 0.0744 165.23) 0.000% 16.667%, oklch(84.15% 0.0684 162.87) 16.667% 33.333%, oklch(87.69% 0.0533 152.36) 33.333% 50.000%, oklch(87.43% 0.0663 122.84) 50.000% 66.667%, oklch(85.95% 0.0922 91.07) 66.667% 83.333%, oklch(90.16% 0.0744 92.32) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.807 | 0.074 | 165.2 |
| 2 | 0.85 | 0.066 | 161 |
| 3 | 0.886 | 0.051 | 142 |
| 4 | 0.854 | 0.092 | 94.4 |
| 5 | 0.902 | 0.074 | 92.3 |

## In these collections

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

## Other forms

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