# Lime, mustard and coral happy palette

The Lime, mustard and coral happy palette brings together green, gold, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is gold.

- Also called: Vivid tritone green, yellow and salmon radial swatches
- Seed: `kWypxhask_O7AvpvNb04TA44`
- Page: https://grabient.com/kWypxhask_O7AvpvNb04TA44?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: even lightness, vivid, light
- Hues: wide
- Contrast of its darkest and lightest colors: 1.5 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 | `#74da36` | `oklch(79.53% 0.2150 136.41)` | Tirisfal Lime | black, 11.7 to 1 |
| 2 | `#9de33f` | `oklch(83.86% 0.2012 130.07)` | Dynamic Green | black, 13.4 to 1 |
| 3 | `#c9e347` | `oklch(87.01% 0.1778 118.44)` | Greenivorous | black, 14.6 to 1 |
| 4 | `#f4d455` | `oklch(87.40% 0.1474 95.19)` | Wake Me Up | black, 14.3 to 1 |
| 5 | `#fa9276` | `oklch(76.38% 0.1323 36.01)` | Salmon Nigiri | black, 9.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #74da36 0.000% 20.000%, #9de33f 20.000% 40.000%, #c9e347 40.000% 60.000%, #f4d455 60.000% 80.000%, #fa9276 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(79.53% 0.2150 136.41) 0.000% 20.000%, oklch(83.86% 0.2012 130.07) 20.000% 40.000%, oklch(87.01% 0.1778 118.44) 40.000% 60.000%, oklch(87.40% 0.1474 95.19) 60.000% 80.000%, oklch(76.38% 0.1323 36.01) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.795 | 0.215 | 136.4 |
| 2 | 0.839 | 0.201 | 130.1 |
| 3 | 0.87 | 0.178 | 118.4 |
| 4 | 0.874 | 0.147 | 95.2 |
| 5 | 0.764 | 0.132 | 36 |

## In these collections

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

## Other forms

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