# Orchard Rings After Rain

Five radial bands move from dark leaf green through orchard green and pale new growth to blossom pink and burgundy at the edge. The centered rings suit apple-blossom graphics, spring labels, garden cards, editorial accents, and interface panels that need a compact balance of foliage, flowers, and darker branch-like contrast.

- Also called: Black, beige, pink and maroon radial swatches
- Seed: `kWRBBlQp6_GafPlsFLLOyQ_g`
- Page: https://grabient.com/kWRBBlQp6_GafPlsFLLOyQ_g?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 9.3 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 | `#20291f` | `oklch(26.77% 0.0220 142.03)` | Kuro Green | white, 15 to 1 |
| 2 | `#557542` | `oklch(52.36% 0.0841 134.63)` | Artichoke Green | white, 5.2 to 1 |
| 3 | `#b8c98a` | `oklch(80.71% 0.0854 120.90)` | Marsh Fern | black, 11.7 to 1 |
| 4 | `#f0bfc5` | `oklch(85.04% 0.0565 9.94)` | Loveable | black, 12.9 to 1 |
| 5 | `#863f50` | `oklch(46.46% 0.0992 6.77)` | Sugar Beet | white, 7.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #20291f 0.000% 20.000%, #557542 20.000% 40.000%, #b8c98a 40.000% 60.000%, #f0bfc5 60.000% 80.000%, #863f50 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(26.77% 0.0220 142.03) 0.000% 20.000%, oklch(52.36% 0.0841 134.63) 20.000% 40.000%, oklch(80.71% 0.0854 120.90) 40.000% 60.000%, oklch(85.04% 0.0565 9.94) 60.000% 80.000%, oklch(46.46% 0.0992 6.77) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.268 | 0.022 | 142 |
| 2 | 0.524 | 0.084 | 134.6 |
| 3 | 0.807 | 0.085 | 120.9 |
| 4 | 0.85 | 0.056 | 9.9 |
| 5 | 0.465 | 0.099 | 6.8 |

## In these collections

- [Apple blossom orchard](https://grabient.com/apple-blossom-orchard)

## Other forms

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