# Olive and rose red and green palette

The Olive and rose red and green palette brings together gold, light yellow, magenta, red, and light red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light yellow.

- Also called: Olive, gray, maroon and pink angular swatches
- Seed: `kYZlBOcBZAlbBsaqL0Gv6vC-0SPY`
- Page: https://grabient.com/kYZlBOcBZAlbBsaqL0Gv6vC-0SPY?style=angularSwatches&steps=6&angle=225
- Drawn as: angular swatches, 6 steps, 225 degrees
- Kinds: vivid, warm, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.1 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 | `#4c4c00` | `oklch(40.16% 0.0875 109.68)` | Scorzonera Brown | white, 9 to 1 |
| 2 | `#d6ddb0` | `oklch(88.19% 0.0606 114.97)` | Spring Thyme | black, 14.8 to 1 |
| 3 | `#ea619f` | `oklch(68.11% 0.1805 354.50)` | Shark Bait | black, 6.6 to 1 |
| 4 | `#670327` | `oklch(33.07% 0.1295 9.30)` | Plum Cheese | white, 12.9 to 1 |
| 5 | `#9b4531` | `oklch(50.00% 0.1199 34.66)` | Burnt Earth | white, 6.3 to 1 |
| 6 | `#efc4c6` | `oklch(85.83% 0.0496 14.58)` | Berry Good | black, 13.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #4c4c00 0.000% 16.667%, #d6ddb0 16.667% 33.333%, #ea619f 33.333% 50.000%, #670327 50.000% 66.667%, #9b4531 66.667% 83.333%, #efc4c6 83.333% 100.000%);
background: conic-gradient(from 225deg, oklch(40.16% 0.0875 109.68) 0.000% 16.667%, oklch(88.19% 0.0606 114.97) 16.667% 33.333%, oklch(68.11% 0.1805 354.50) 33.333% 50.000%, oklch(33.07% 0.1295 9.30) 50.000% 66.667%, oklch(50.00% 0.1199 34.66) 66.667% 83.333%, oklch(85.83% 0.0496 14.58) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.11 | 109.7 |
| 2 | 0.882 | 0.061 | 115 |
| 3 | 0.681 | 0.181 | -5.5 |
| 4 | 0.331 | 0.13 | 9.3 |
| 5 | 0.5 | 0.12 | 34.7 |
| 6 | 0.858 | 0.05 | 14.6 |

## In these collections

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

## Other forms

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