# Emerald and aqua gummy candy palette

The Emerald and aqua gummy candy palette brings together green and pale green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits food packaging concepts and menu graphics. Its darkest tone is green, and its lightest tone is pale green.

- Also called: Analogous green, teal and light blue linear swatches
- Seed: `kUpXxlZEE-1-qxHzlL_A`
- Page: https://grabient.com/kUpXxlZEE-1-qxHzlL_A?style=linearSwatches&steps=4&angle=315
- Drawn as: linear swatches, 4 steps, 315 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.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 | `#46a83e` | `oklch(64.96% 0.1709 142.03)` | Green Seduction | black, 6.9 to 1 |
| 2 | `#8cd14c` | `oklch(78.74% 0.1791 132.52)` | Midsummer Field | black, 11.3 to 1 |
| 3 | `#52c6a4` | `oklch(75.20% 0.1171 170.56)` | Biscay Green | black, 10 to 1 |
| 4 | `#bdeedb` | `oklch(90.94% 0.0565 169.51)` | Fresh Breeze | black, 16.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #46a83e 0.000% 25.000%, #8cd14c 25.000% 50.000%, #52c6a4 50.000% 75.000%, #bdeedb 75.000% 100.000%);
background: linear-gradient(315deg, oklch(64.96% 0.1709 142.03) 0.000% 25.000%, oklch(78.74% 0.1791 132.52) 25.000% 50.000%, oklch(75.20% 0.1171 170.56) 50.000% 75.000%, oklch(90.94% 0.0565 169.51) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.65 | 0.171 | 142 |
| 2 | 0.787 | 0.179 | 132.5 |
| 3 | 0.752 | 0.117 | 170.6 |
| 4 | 0.909 | 0.056 | 169.5 |

## In these collections

- [Gummy candy swatches](https://grabient.com/gummy-candy-swatches)

## Other forms

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