# Bronze and moss color palette

The Bronze and moss color palette brings together gold, yellow, green, and light green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gold, and its lightest tone is light green.

- Also called: Analogous brown, green and gray linear swatches
- Seed: `kYdz04TKbAtCnQrOpUJUqhCuoaPW`
- Page: https://grabient.com/kYdz04TKbAtCnQrOpUJUqhCuoaPW?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.2 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 | `#74541a` | `oklch(46.85% 0.0841 78.75)` | Coffee Adept | white, 6.9 to 1 |
| 2 | `#9e7b2a` | `oklch(60.24% 0.1061 85.09)` | Arlington Bronze | black, 5.3 to 1 |
| 3 | `#908f3a` | `oklch(63.39% 0.1075 108.34)` | Sycamore | black, 6.1 to 1 |
| 4 | `#73914c` | `oklch(61.81% 0.1020 128.42)` | Forest Bound | black, 5.9 to 1 |
| 5 | `#57a26d` | `oklch(64.96% 0.1102 151.67)` | Great Gazoo | black, 6.8 to 1 |
| 6 | `#b9d3a2` | `oklch(83.46% 0.0717 130.53)` | In Good Taste | black, 12.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #74541a 0.000% 16.667%, #9e7b2a 16.667% 33.333%, #908f3a 33.333% 50.000%, #73914c 50.000% 66.667%, #57a26d 66.667% 83.333%, #b9d3a2 83.333% 100.000%);
background: linear-gradient(135deg, oklch(46.85% 0.0841 78.75) 0.000% 16.667%, oklch(60.24% 0.1061 85.09) 16.667% 33.333%, oklch(63.39% 0.1075 108.34) 33.333% 50.000%, oklch(61.81% 0.1020 128.42) 50.000% 66.667%, oklch(64.96% 0.1102 151.67) 66.667% 83.333%, oklch(83.46% 0.0717 130.53) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.469 | 0.084 | 78.8 |
| 2 | 0.602 | 0.106 | 85.1 |
| 3 | 0.634 | 0.107 | 108.3 |
| 4 | 0.618 | 0.102 | 128.4 |
| 5 | 0.65 | 0.11 | 151.7 |
| 6 | 0.835 | 0.072 | 130.5 |

## In these collections

- [Green and gold](https://grabient.com/green-and-gold)
- [Green and gold swatches](https://grabient.com/green-and-gold-swatches)

## Other forms

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