# Pale mint, mustard and bronze analogous palette

The Pale mint, mustard and bronze analogous palette brings together pale green, light green, gold, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and campaign graphics. Its darkest tone is orange, and its lightest tone is pale green.

- Also called: Light green, olive and brown linear swatches
- Seed: `kW6jNnZy89le6PZDtr2J6C9w`
- Page: https://grabient.com/kW6jNnZy89le6PZDtr2J6C9w?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 10.7 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 | `#c9f2c9` | `oklch(92.13% 0.0703 144.84)` | Mint Gloss | black, 17 to 1 |
| 2 | `#afd06f` | `oklch(81.10% 0.1295 124.77)` | Bilious Green | black, 12 to 1 |
| 3 | `#aa9f00` | `oklch(68.90% 0.1460 104.68)` | Countryside | black, 7.6 to 1 |
| 4 | `#896600` | `oklch(53.15% 0.1090 84.58)` | Alligator | white, 5.2 to 1 |
| 5 | `#472800` | `oklch(31.11% 0.0690 66.45)` | Stirland Mud | white, 13.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c9f2c9 0.000% 20.000%, #afd06f 20.000% 40.000%, #aa9f00 40.000% 60.000%, #896600 60.000% 80.000%, #472800 80.000% 100.000%);
background: linear-gradient(90deg, oklch(92.13% 0.0703 144.84) 0.000% 20.000%, oklch(81.10% 0.1295 124.77) 20.000% 40.000%, oklch(68.90% 0.1460 104.68) 40.000% 60.000%, oklch(53.15% 0.1090 84.58) 60.000% 80.000%, oklch(31.11% 0.0690 66.45) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.07 | 144.8 |
| 2 | 0.811 | 0.13 | 124.8 |
| 3 | 0.689 | 0.16 | 104.7 |
| 4 | 0.531 | 0.15 | 84.6 |
| 5 | 0.311 | 0.09 | 66.6 |

## In these collections

- [Analogous swatches](https://grabient.com/analogous-swatches)

## Other forms

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