# Olive and lime wasabi palette

The Olive and lime wasabi palette brings together 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 lightest and darkest tones both fall within the green color family.

- Also called: Neon green, yellow and lime green angular swatches
- Seed: `kWmXZdX0g_25Pv32zj9bM9Ao`
- Page: https://grabient.com/kWmXZdX0g_25Pv32zj9bM9Ao?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Kinds: vivid, neon, light
- Hues: monochromatic
- 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 | `#5d9305` | `oklch(60.24% 0.1626 130.78)` | Vida Loca | black, 5.6 to 1 |
| 2 | `#83c40a` | `oklch(74.80% 0.1984 129.72)` | Niblet Green | black, 9.8 to 1 |
| 3 | `#b1ea00` | `oklch(86.61% 0.2191 125.50)` | Sour Apple Candy | black, 14.6 to 1 |
| 4 | `#d7fc25` | `oklch(93.31% 0.2150 120.21)` | Lime Yellow | black, 17.8 to 1 |
| 5 | `#aae709` | `oklch(85.43% 0.2177 126.55)` | Akhdhar Green | black, 14.1 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #5d9305 0.000% 20.000%, #83c40a 20.000% 40.000%, #b1ea00 40.000% 60.000%, #d7fc25 60.000% 80.000%, #aae709 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(60.24% 0.1626 130.78) 0.000% 20.000%, oklch(74.80% 0.1984 129.72) 20.000% 40.000%, oklch(86.61% 0.2191 125.50) 40.000% 60.000%, oklch(93.31% 0.2150 120.21) 60.000% 80.000%, oklch(85.43% 0.2177 126.55) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.163 | 130.8 |
| 2 | 0.748 | 0.198 | 129.7 |
| 3 | 0.866 | 0.219 | 125.5 |
| 4 | 0.933 | 0.215 | 120.2 |
| 5 | 0.854 | 0.218 | 126.6 |

## In these collections

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

## Other forms

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