# Moss, ochre and crimson tomato vine abundance

The Moss, ochre and crimson tomato vine abundance brings together green, gold, orange, and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits food packaging concepts and menu graphics. Its darkest tone is red, and its lightest tone is gold.

- Also called: Green, yellow, orange and maroon radial swatches
- Seed: `kYq2JgXzw-WE3vVatrxTja9ECtPG`
- Page: https://grabient.com/kYq2JgXzw-WE3vVatrxTja9ECtPG?style=radialSwatches&steps=6&angle=0
- Drawn as: radial swatches, 6 steps, 0 degrees
- Kinds: vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.9 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 | `#71a84f` | `oklch(67.32% 0.1350 135.00)` | Fern Flash | black, 7.4 to 1 |
| 2 | `#9ebc2c` | `oklch(74.80% 0.1654 121.26)` | Machu Picchu Gardens | black, 9.7 to 1 |
| 3 | `#cbb31b` | `oklch(76.38% 0.1530 99.07)` | Mustard | black, 9.9 to 1 |
| 4 | `#de8e18` | `oklch(71.26% 0.1502 68.42)` | Sumac Dyed | black, 7.9 to 1 |
| 5 | `#cc612d` | `oklch(61.42% 0.1502 44.12)` | Golden Lion Tamarin | black, 5.3 to 1 |
| 6 | `#a0424f` | `oklch(50.79% 0.1240 14.53)` | Charleston Cherry | white, 6.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #71a84f 0.000% 16.667%, #9ebc2c 16.667% 33.333%, #cbb31b 33.333% 50.000%, #de8e18 50.000% 66.667%, #cc612d 66.667% 83.333%, #a0424f 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(67.32% 0.1350 135.00) 0.000% 16.667%, oklch(74.80% 0.1654 121.26) 16.667% 33.333%, oklch(76.38% 0.1530 99.07) 33.333% 50.000%, oklch(71.26% 0.1502 68.42) 50.000% 66.667%, oklch(61.42% 0.1502 44.12) 66.667% 83.333%, oklch(50.79% 0.1240 14.53) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.673 | 0.135 | 135 |
| 2 | 0.748 | 0.165 | 121.3 |
| 3 | 0.764 | 0.153 | 99.1 |
| 4 | 0.713 | 0.15 | 68.4 |
| 5 | 0.614 | 0.15 | 44.1 |
| 6 | 0.508 | 0.124 | 14.5 |

## In these collections

- [Tomato vine abundance](https://grabient.com/tomato-vine-abundance)

## Other forms

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