# Lime and gold happy palette

The Lime and gold happy palette brings together light green, green, orange, light red, and pale orange. 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 red, and its lightest tone is pale orange.

- Also called: Pastel green, yellow, pink and beige angular swatches
- Seed: `kW32Rc47BDvAxNxisbbew9Jg`
- Page: https://grabient.com/kW32Rc47BDvAxNxisbbew9Jg?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: pastel, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.9 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 | `#b9e986` | `oklch(87.80% 0.1378 130.08)` | Green Day | black, 15 to 1 |
| 2 | `#5cd39e` | `oklch(78.35% 0.1323 161.78)` | Van Gogh Green | black, 11.2 to 1 |
| 3 | `#ffd266` | `oklch(88.19% 0.1350 86.75)` | Bright Halo | black, 14.6 to 1 |
| 4 | `#ff8fa3` | `oklch(77.56% 0.1357 9.61)` | Charming Cherry | black, 9.7 to 1 |
| 5 | `#fff4d6` | `oklch(96.85% 0.0413 90.98)` | Hazelwood | black, 19.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #b9e986 0.000% 20.000%, #5cd39e 20.000% 40.000%, #ffd266 40.000% 60.000%, #ff8fa3 60.000% 80.000%, #fff4d6 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(87.80% 0.1378 130.08) 0.000% 20.000%, oklch(78.35% 0.1323 161.78) 20.000% 40.000%, oklch(88.19% 0.1350 86.75) 40.000% 60.000%, oklch(77.56% 0.1357 9.61) 60.000% 80.000%, oklch(96.85% 0.0413 90.98) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.138 | 130.1 |
| 2 | 0.783 | 0.132 | 161.8 |
| 3 | 0.882 | 0.135 | 86.8 |
| 4 | 0.776 | 0.136 | 9.6 |
| 5 | 0.969 | 0.041 | 91 |

## In these collections

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

## Other forms

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