# Emerald, bronze and crimson color palette

The Emerald, bronze and crimson color palette brings together green, orange, and red. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is orange, and its lightest tone is green.

- Also called: Green, brown, red and mauve linear swatches
- Seed: `kYmWxpv6s_7SWNw6NroQj-_UWuvs`
- Page: https://grabient.com/kYmWxpv6s_7SWNw6NroQj-_UWuvs?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.3 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 | `#2f984a` | `oklch(60.24% 0.1488 148.36)` | Formal Garden | black, 5.7 to 1 |
| 2 | `#27753a` | `oklch(50.00% 0.1185 148.36)` | Japanese Laurel | white, 5.6 to 1 |
| 3 | `#5f4623` | `oklch(41.34% 0.0606 73.33)` | Nightingale | white, 8.7 to 1 |
| 4 | `#99272b` | `oklch(45.67% 0.1502 23.66)` | Tamed Beast | white, 7.8 to 1 |
| 5 | `#b82c40` | `oklch(51.97% 0.1750 18.38)` | Timeless Beauty | white, 6 to 1 |
| 6 | `#ad4c61` | `oklch(54.72% 0.1281 8.87)` | Gala Pink | white, 5.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2f984a 0.000% 16.667%, #27753a 16.667% 33.333%, #5f4623 33.333% 50.000%, #99272b 50.000% 66.667%, #b82c40 66.667% 83.333%, #ad4c61 83.333% 100.000%);
background: linear-gradient(90deg, oklch(60.24% 0.1488 148.36) 0.000% 16.667%, oklch(50.00% 0.1185 148.36) 16.667% 33.333%, oklch(41.34% 0.0606 73.33) 33.333% 50.000%, oklch(45.67% 0.1502 23.66) 50.000% 66.667%, oklch(51.97% 0.1750 18.38) 66.667% 83.333%, oklch(54.72% 0.1281 8.87) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.602 | 0.149 | 148.4 |
| 2 | 0.5 | 0.119 | 148.4 |
| 3 | 0.413 | 0.061 | 73.3 |
| 4 | 0.457 | 0.15 | 23.7 |
| 5 | 0.52 | 0.175 | 18.4 |
| 6 | 0.547 | 0.128 | 8.9 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)
- [Fall swatches](https://grabient.com/fall-swatches)
- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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