# Ochre and forest green garden palette

The Ochre and forest green garden palette brings together yellow, gold, and green. The colors span a moderate lightness range, combining strong color with clear contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is yellow.

- Also called: Vivid yellow, orange and green radial swatches
- Seed: `kY4nNCa7w--S4v1iu8U0zjCMApQS`
- Page: https://grabient.com/kY4nNCa7w--S4v1iu8U0zjCMApQS?style=radialSwatches&steps=6
- Drawn as: radial swatches, 6 steps, 90 degrees
- Kinds: light to dark, vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 4 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 | `#ffd74a` | `oklch(88.98% 0.1585 92.81)` | Tuscan Sun | black, 15 to 1 |
| 2 | `#ffc227` | `oklch(84.65% 0.1654 84.36)` | Ripe Mango | black, 12.9 to 1 |
| 3 | `#f0ad25` | `oklch(79.13% 0.1557 79.07)` | Squash | black, 10.7 to 1 |
| 4 | `#a2c640` | `oklch(77.56% 0.1640 123.46)` | Android Green | black, 10.7 to 1 |
| 5 | `#4fa74a` | `oklch(65.35% 0.1557 142.48)` | Mid Green | black, 6.9 to 1 |
| 6 | `#217644` | `oklch(50.39% 0.1130 153.05)` | Felt | white, 5.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffd74a 0.000% 16.667%, #ffc227 16.667% 33.333%, #f0ad25 33.333% 50.000%, #a2c640 50.000% 66.667%, #4fa74a 66.667% 83.333%, #217644 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.98% 0.1585 92.81) 0.000% 16.667%, oklch(84.65% 0.1654 84.36) 16.667% 33.333%, oklch(79.13% 0.1557 79.07) 33.333% 50.000%, oklch(77.56% 0.1640 123.46) 50.000% 66.667%, oklch(65.35% 0.1557 142.48) 66.667% 83.333%, oklch(50.39% 0.1130 153.05) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.158 | 92.8 |
| 2 | 0.846 | 0.165 | 84.4 |
| 3 | 0.791 | 0.156 | 79.1 |
| 4 | 0.776 | 0.164 | 123.5 |
| 5 | 0.654 | 0.156 | 142.5 |
| 6 | 0.504 | 0.113 | 153 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)

## Other forms

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