# Bronze and mustard wasabi palette

The Bronze and mustard wasabi palette brings together gold and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits food packaging concepts and menu graphics. Its lightest and darkest tones both fall within the gold color family.

- Also called: Vivid brown, olive and green angular swatches
- Seed: `kUcklAzr3BWNIwXHM0Fg`
- Page: https://grabient.com/kUcklAzr3BWNIwXHM0Fg?style=angularSwatches&steps=4&angle=30
- Drawn as: angular swatches, 4 steps, 30 degrees
- Kinds: light center, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#685200` | `oklch(44.88% 0.0917 90.67)` | Olive Brown | white, 7.4 to 1 |
| 2 | `#958800` | `oklch(61.81% 0.1296 102.32)` | Medusa Green | black, 5.7 to 1 |
| 3 | `#b5c300` | `oklch(77.95% 0.1767 115.01)` | Bile | black, 10.7 to 1 |
| 4 | `#5c830e` | `oklch(55.91% 0.1406 127.69)` | Enchanted Forest | black, 4.6 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #685200 0.000% 25.000%, #958800 25.000% 50.000%, #b5c300 50.000% 75.000%, #5c830e 75.000% 100.000%);
background: conic-gradient(from 30deg, oklch(44.88% 0.0917 90.67) 0.000% 25.000%, oklch(61.81% 0.1296 102.32) 25.000% 50.000%, oklch(77.95% 0.1767 115.01) 50.000% 75.000%, oklch(55.91% 0.1406 127.69) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.101 | 90.7 |
| 2 | 0.618 | 0.169 | 102.3 |
| 3 | 0.78 | 0.2 | 115 |
| 4 | 0.559 | 0.141 | 127.7 |

## In these collections

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

## Other forms

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