# Bronze, forest green and aubergine color palette

The Bronze, forest green and aubergine color palette brings together orange, dark green, and dark purple. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits botanical branding and garden event graphics. Its darkest tone is dark purple, and its lightest tone is orange.

- Also called: Brown, dark green and navy angular swatches
- Seed: `kST1AjoqTLyAoUa`
- Page: https://grabient.com/kST1AjoqTLyAoUa?style=angularSwatches&steps=3&angle=240
- Drawn as: angular swatches, 3 steps, 240 degrees
- Kinds: even lightness, vivid, dark
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.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 | `#502100` | `oklch(31.11% 0.0826 49.72)` | Evil Cigar | white, 13.4 to 1 |
| 2 | `#003011` | `oklch(27.18% 0.0745 150.21)` | Prasinophobia | white, 14.6 to 1 |
| 3 | `#2c0d4d` | `oklch(25.20% 0.1102 300.37)` | Oily Purple | white, 16.5 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #502100 0.000% 33.333%, #003011 33.333% 66.667%, #2c0d4d 66.667% 100.000%);
background: conic-gradient(from 240deg, oklch(31.11% 0.0826 49.72) 0.000% 33.333%, oklch(27.18% 0.0745 150.21) 33.333% 66.667%, oklch(25.20% 0.1102 300.37) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.311 | 0.11 | 49.9 |
| 2 | 0.272 | 0.101 | 150.3 |
| 3 | 0.252 | 0.11 | 300.4 |

## In these collections

- [Triadic swatches](https://grabient.com/triadic-swatches)
- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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