# Moss, orange and coral happy palette

The Moss, orange and coral happy palette brings together green, pale yellow, magenta, and light red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is pale yellow.

- Also called: Green, gray and pink linear swatches
- Seed: `kUu1Na9hG-U--MhgoEJg`
- Page: https://grabient.com/kUu1Na9hG-U--MhgoEJg?style=linearSwatches&steps=4&angle=180
- Drawn as: linear swatches, 4 steps, 180 degrees
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.1 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 | `#96b766` | `oklch(73.62% 0.1144 127.27)` | Light Birch Green | black, 9.2 to 1 |
| 2 | `#e7ecc7` | `oklch(92.91% 0.0482 113.53)` | Earth Happiness | black, 17.1 to 1 |
| 3 | `#d4538b` | `oklch(62.60% 0.1709 356.23)` | Pretty in Plum | black, 5.3 to 1 |
| 4 | `#e49a9d` | `oklch(75.98% 0.0882 17.36)` | All Dressed Up | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(180deg, #96b766 0.000% 25.000%, #e7ecc7 25.000% 50.000%, #d4538b 50.000% 75.000%, #e49a9d 75.000% 100.000%);
background: linear-gradient(180deg, oklch(73.62% 0.1144 127.27) 0.000% 25.000%, oklch(92.91% 0.0482 113.53) 25.000% 50.000%, oklch(62.60% 0.1709 356.23) 50.000% 75.000%, oklch(75.98% 0.0882 17.36) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.114 | 127.3 |
| 2 | 0.929 | 0.048 | 113.5 |
| 3 | 0.626 | 0.171 | -3.8 |
| 4 | 0.76 | 0.088 | 17.4 |

## In these collections

- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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