# Tomato Rings and Leaves

Five concentric bands place soil brown at the center, followed by muted umber, ripe tomato red, warm terracotta, and leaf green. The compact route balances fruit, earth, and foliage without extra colors, fitting harvest labels, recipe cards, market posters, garden graphics, or bold circular accents.

- Also called: Dark gray, red, orange and green radial swatches
- Seed: `kWSg8vvZW_0MwO_QL8GQhxLg`
- Page: https://grabient.com/kWSg8vvZW_0MwO_QL8GQhxLg?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#332a21` | `oklch(29.13% 0.0207 66.80)` | Melon Seed | white, 14 to 1 |
| 2 | `#76583a` | `oklch(48.43% 0.0593 65.74)` | Moroccan Blunt | white, 6.5 to 1 |
| 3 | `#aa4837` | `oklch(52.76% 0.1323 31.92)` | Rambutan | white, 5.6 to 1 |
| 4 | `#c86d3f` | `oklch(62.99% 0.1309 45.66)` | Apricot Orange | black, 5.7 to 1 |
| 5 | `#4d754c` | `oklch(51.97% 0.0772 143.94)` | Spring Juniper | white, 5.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #332a21 0.000% 20.000%, #76583a 20.000% 40.000%, #aa4837 40.000% 60.000%, #c86d3f 60.000% 80.000%, #4d754c 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(29.13% 0.0207 66.80) 0.000% 20.000%, oklch(48.43% 0.0593 65.74) 20.000% 40.000%, oklch(52.76% 0.1323 31.92) 40.000% 60.000%, oklch(62.99% 0.1309 45.66) 60.000% 80.000%, oklch(51.97% 0.0772 143.94) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.021 | 66.8 |
| 2 | 0.484 | 0.059 | 65.7 |
| 3 | 0.528 | 0.132 | 31.9 |
| 4 | 0.63 | 0.131 | 45.7 |
| 5 | 0.52 | 0.077 | 143.9 |

## In these collections

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

## Other forms

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