# Sage and crimson red and green palette

The Sage and crimson red and green palette brings together green, light green, red, and light red. 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 red, and its lightest tone is light red.

- Also called: Green, red and pink linear swatches
- Seed: `kWmj9c5Ro_D65s1WM8C7xFBY`
- Page: https://grabient.com/kWmj9c5Ro_D65s1WM8C7xFBY?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: dark center, vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.5 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 | `#718d54` | `oklch(60.63% 0.0868 130.08)` | Bright Forest | black, 5.6 to 1 |
| 2 | `#b4c491` | `oklch(79.53% 0.0717 122.68)` | Sheer Green | black, 11.2 to 1 |
| 3 | `#a82d41` | `oklch(49.21% 0.1585 15.95)` | Radish | white, 6.7 to 1 |
| 4 | `#e1706f` | `oklch(67.72% 0.1419 22.29)` | Childhood Crush | black, 6.7 to 1 |
| 5 | `#f3cbc1` | `oklch(87.40% 0.0469 34.97)` | Oleander | black, 14.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #718d54 0.000% 20.000%, #b4c491 20.000% 40.000%, #a82d41 40.000% 60.000%, #e1706f 60.000% 80.000%, #f3cbc1 80.000% 100.000%);
background: linear-gradient(90deg, oklch(60.63% 0.0868 130.08) 0.000% 20.000%, oklch(79.53% 0.0717 122.68) 20.000% 40.000%, oklch(49.21% 0.1585 15.95) 40.000% 60.000%, oklch(67.72% 0.1419 22.29) 60.000% 80.000%, oklch(87.40% 0.0469 34.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.087 | 130.1 |
| 2 | 0.795 | 0.072 | 122.7 |
| 3 | 0.492 | 0.158 | 15.9 |
| 4 | 0.677 | 0.142 | 22.3 |
| 5 | 0.874 | 0.047 | 35 |

## In these collections

- [Blackberry bramble](https://grabient.com/blackberry-bramble)
- [Vintage Christmas color palette](https://grabient.com/vintage-christmas-color-palette)
- [Red and green swatches](https://grabient.com/red-and-green-swatches)

## Other forms

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