# Olive color palette

The Olive color palette brings together green, gold, yellow, and pale yellow. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Olive, green, yellow and beige linear swatches
- Seed: `kYbD5U1zg_-tDv50xT9dbw-_sfwA`
- Page: https://grabient.com/kYbD5U1zg_-tDv50xT9dbw-_sfwA?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, vivid, neon, light
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.4 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 | `#4a5517` | `oklch(42.52% 0.0854 118.83)` | Verdun Green | white, 8.1 to 1 |
| 2 | `#90a618` | `oklch(68.50% 0.1543 118.83)` | Augustus Asparagus | black, 7.6 to 1 |
| 3 | `#c7d91f` | `oklch(84.25% 0.1860 115.66)` | Young Grass | black, 13.3 to 1 |
| 4 | `#ebee30` | `oklch(91.73% 0.1902 110.37)` | Delightful Dandelion | black, 16.7 to 1 |
| 5 | `#fdea53` | `oklch(92.52% 0.1654 101.92)` | Paris Daisy | black, 17 to 1 |
| 6 | `#fff8b3` | `oklch(96.85% 0.0868 102.98)` | Banana Milk | black, 19.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4a5517 0.000% 16.667%, #90a618 16.667% 33.333%, #c7d91f 33.333% 50.000%, #ebee30 50.000% 66.667%, #fdea53 66.667% 83.333%, #fff8b3 83.333% 100.000%);
background: linear-gradient(90deg, oklch(42.52% 0.0854 118.83) 0.000% 16.667%, oklch(68.50% 0.1543 118.83) 16.667% 33.333%, oklch(84.25% 0.1860 115.66) 33.333% 50.000%, oklch(91.73% 0.1902 110.37) 50.000% 66.667%, oklch(92.52% 0.1654 101.92) 66.667% 83.333%, oklch(96.85% 0.0868 102.98) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.085 | 118.8 |
| 2 | 0.685 | 0.154 | 118.8 |
| 3 | 0.843 | 0.186 | 115.7 |
| 4 | 0.917 | 0.19 | 110.4 |
| 5 | 0.925 | 0.165 | 101.9 |
| 6 | 0.969 | 0.087 | 103 |

## In these collections

- [Tint swatches](https://grabient.com/tint-swatches)
- [Yellow swatches](https://grabient.com/yellow-swatches)

## Other forms

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