# Olive and moss wasabi palette

The Olive and moss wasabi palette brings together green, light green, pale green, and pale yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits food packaging concepts and menu graphics. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Monochrome green and off-white linear swatches
- Seed: `kWZlZf0TS--glv92j0B-gw9Y`
- Page: https://grabient.com/kWZlZf0TS--glv92j0B-gw9Y?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark to light, pastel, light, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.8 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 | `#2b5500` | `oklch(40.16% 0.1159 134.33)` | Deep Forestial Escapade | white, 8.7 to 1 |
| 2 | `#769a28` | `oklch(63.78% 0.1447 125.84)` | Luminescent Green | black, 6.4 to 1 |
| 3 | `#b5d085` | `oklch(81.89% 0.1033 124.79)` | Lettuce Green | black, 12.2 to 1 |
| 4 | `#e0efd2` | `oklch(93.31% 0.0413 129.01)` | Light Greenette | black, 17.4 to 1 |
| 5 | `#f4f4db` | `oklch(96.06% 0.0331 107.88)` | Warm Turbulence | black, 18.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2b5500 0.000% 20.000%, #769a28 20.000% 40.000%, #b5d085 40.000% 60.000%, #e0efd2 60.000% 80.000%, #f4f4db 80.000% 100.000%);
background: linear-gradient(90deg, oklch(40.16% 0.1159 134.33) 0.000% 20.000%, oklch(63.78% 0.1447 125.84) 20.000% 40.000%, oklch(81.89% 0.1033 124.79) 40.000% 60.000%, oklch(93.31% 0.0413 129.01) 60.000% 80.000%, oklch(96.06% 0.0331 107.88) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.119 | 134.3 |
| 2 | 0.638 | 0.145 | 125.8 |
| 3 | 0.819 | 0.103 | 124.8 |
| 4 | 0.933 | 0.041 | 129 |
| 5 | 0.961 | 0.033 | 107.9 |

## In these collections

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

## Other forms

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