# Red and Green: Emerald and ochre

The "Red and Green: Emerald and ochre" 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 brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is green.

- Also called: Vivid green, orange and red linear swatches
- Seed: `kYjmho0z4_litPXSubYSs2-sBDP4`
- Page: https://grabient.com/kYjmho0z4_litPXSubYSs2-sBDP4?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.4 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 | `#2a8a3d` | `oklch(55.91% 0.1433 146.95)` | Rich Green | black, 4.7 to 1 |
| 2 | `#41aa44` | `oklch(65.35% 0.1709 143.78)` | Matt Green | black, 7 to 1 |
| 3 | `#90aa4c` | `oklch(69.69% 0.1240 122.65)` | Lime It or Leave It | black, 8 to 1 |
| 4 | `#dd673e` | `oklch(64.96% 0.1585 39.16)` | Bonfire Night | black, 6 to 1 |
| 5 | `#df2d25` | `oklch(58.66% 0.2136 28.60)` | Shōjōhi Red | white, 4.6 to 1 |
| 6 | `#b62026` | `oklch(50.39% 0.1846 25.43)` | Flamingo Fervour | white, 6.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2a8a3d 0.000% 16.667%, #41aa44 16.667% 33.333%, #90aa4c 33.333% 50.000%, #dd673e 50.000% 66.667%, #df2d25 66.667% 83.333%, #b62026 83.333% 100.000%);
background: linear-gradient(90deg, oklch(55.91% 0.1433 146.95) 0.000% 16.667%, oklch(65.35% 0.1709 143.78) 16.667% 33.333%, oklch(69.69% 0.1240 122.65) 33.333% 50.000%, oklch(64.96% 0.1585 39.16) 50.000% 66.667%, oklch(58.66% 0.2136 28.60) 66.667% 83.333%, oklch(50.39% 0.1846 25.43) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.559 | 0.143 | 147 |
| 2 | 0.654 | 0.171 | 143.8 |
| 3 | 0.697 | 0.124 | 122.6 |
| 4 | 0.65 | 0.158 | 39.2 |
| 5 | 0.587 | 0.214 | 28.6 |
| 6 | 0.504 | 0.185 | 25.4 |

## In these collections

- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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