# Deep teal and ochre tomato vine abundance

The Deep teal and ochre tomato vine abundance brings together green and yellow. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits food packaging concepts and menu graphics. Its darkest tone is green, and its lightest tone is yellow.

- Also called: Analogous dark green and tan radial swatches
- Seed: `kUUyF7PRy99EjPThqLxg`
- Page: https://grabient.com/kUUyF7PRy99EjPThqLxg?style=radialSwatches&steps=6&angle=315
- Drawn as: radial swatches, 6 steps, 315 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#183c32` | `oklch(32.68% 0.0455 172.97)` | Palm Green | white, 12.1 to 1 |
| 2 | `#245641` | `oklch(41.12% 0.0648 164.09)` | Green Stain | white, 8.4 to 1 |
| 3 | `#3f744f` | `oklch(51.20% 0.0831 151.92)` | Grasslands | white, 5.4 to 1 |
| 4 | `#669058` | `oklch(60.80% 0.0933 137.97)` | Irish Charm | black, 5.6 to 1 |
| 5 | `#95a75b` | `oklch(69.80% 0.1034 120.01)` | Overt Green | black, 7.9 to 1 |
| 6 | `#c0b75e` | `oklch(76.77% 0.1116 103.22)` | Tegreen | black, 10.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #183c32 0.000% 16.667%, #245641 16.667% 33.333%, #3f744f 33.333% 50.000%, #669058 50.000% 66.667%, #95a75b 66.667% 83.333%, #c0b75e 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(32.68% 0.0455 172.97) 0.000% 16.667%, oklch(41.12% 0.0648 164.09) 16.667% 33.333%, oklch(51.20% 0.0831 151.92) 33.333% 50.000%, oklch(60.80% 0.0933 137.97) 50.000% 66.667%, oklch(69.80% 0.1034 120.01) 66.667% 83.333%, oklch(76.77% 0.1116 103.22) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.327 | 0.045 | 173 |
| 2 | 0.48 | 0.079 | 156.1 |
| 3 | 0.638 | 0.096 | 132.8 |
| 4 | 0.768 | 0.112 | 103.2 |

## In these collections

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

## Other forms

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