# Citrine green jewel rings

Five concentric bands progress from olive gold at the center through powder blue and ivory, then vivid green and charcoal at the edge. The ivory ring supplies the brightest break, while the unusual green and cool-blue pairing stays anchored by the dark perimeter. Use it for gemstone packaging, a centered record cover, or identity graphics built around a seal, monogram, or product silhouette.

- Also called: Olive, gray, green and dark gray radial swatches
- Seed: `kWf0BF35NT_OEUpYN0eqgW6o`
- Page: https://grabient.com/kWf0BF35NT_OEUpYN0eqgW6o?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, pastel
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.2 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 | `#71631f` | `oklch(50.00% 0.0882 97.73)` | Spicy Mustard | white, 5.9 to 1 |
| 2 | `#9faed1` | `oklch(75.20% 0.0524 266.81)` | Mild Blue Yonder | black, 9.4 to 1 |
| 3 | `#e6e0da` | `oklch(90.94% 0.0110 64.27)` | Durian Smell | black, 16 to 1 |
| 4 | `#7dae3e` | `oklch(69.29% 0.1516 129.79)` | Mamba Green | black, 7.9 to 1 |
| 5 | `#39352d` | `oklch(33.07% 0.0152 85.41)` | Sensaicha Brown | white, 12.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #71631f 0.000% 20.000%, #9faed1 20.000% 40.000%, #e6e0da 40.000% 60.000%, #7dae3e 60.000% 80.000%, #39352d 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(50.00% 0.0882 97.73) 0.000% 20.000%, oklch(75.20% 0.0524 266.81) 20.000% 40.000%, oklch(90.94% 0.0110 64.27) 40.000% 60.000%, oklch(69.29% 0.1516 129.79) 60.000% 80.000%, oklch(33.07% 0.0152 85.41) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.5 | 0.088 | 97.7 |
| 2 | 0.752 | 0.052 | 266.8 |
| 3 | 0.909 | 0.011 | 424.3 |
| 4 | 0.693 | 0.152 | 489.8 |
| 5 | 0.331 | 0.015 | 445.4 |

## In these collections

- [Brooched](https://grabient.com/brooched)

## Other forms

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