# Orange Coral Green Rings

These four concentric rings move from vivid orange through fresh green, warm coral, and deep leafy green. The alternating warm center colors and green outer bands create a strong target pattern with simple secondary color roles. Use them for campaign graphics, playful packaging, badge designs, or dashboard highlights that need a compact focal composition.

- Also called: Vivid orange, green and salmon radial swatches
- Seed: `kUtYImWzPKuA3M1CsUxg`
- Page: https://grabient.com/kUtYImWzPKuA3M1CsUxg?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 2.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 | `#f57c03` | `oklch(71.26% 0.1791 53.44)` | University of Tennessee Orange | black, 7.7 to 1 |
| 2 | `#67ba68` | `oklch(71.65% 0.1419 144.32)` | Forest Fern | black, 8.8 to 1 |
| 3 | `#ff8b67` | `oklch(75.59% 0.1499 37.59)` | Salmon Orange | black, 9.1 to 1 |
| 4 | `#307d30` | `oklch(52.36% 0.1350 143.26)` | Lush Paradise | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f57c03 0.000% 25.000%, #67ba68 25.000% 50.000%, #ff8b67 50.000% 75.000%, #307d30 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(71.26% 0.1791 53.44) 0.000% 25.000%, oklch(71.65% 0.1419 144.32) 25.000% 50.000%, oklch(75.59% 0.1499 37.59) 50.000% 75.000%, oklch(52.36% 0.1350 143.26) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.713 | 0.179 | 53.4 |
| 2 | 0.717 | 0.142 | 144.3 |
| 3 | 0.756 | 0.152 | 37.6 |
| 4 | 0.524 | 0.135 | 143.3 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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