# Orange Lilac Leaf Bands

These four diagonal bands move from vivid orange through red orange, pale lilac, and leafy green. The broad regions keep warm orange, purple, and green readable at a glance, with the two orange values adding depth. Use them for educational graphics, seasonal posters, retail packaging, or colorful layout systems with distinct roles.

- Also called: Rainbow from orange to green linear swatches
- Seed: `kUtYImVsM_V6qNbQOCrg`
- Page: https://grabient.com/kUtYImVsM_V6qNbQOCrg?style=linearSwatches&steps=4&angle=15
- Drawn as: linear swatches, 4 steps, 15 degrees
- Kinds: even lightness, vivid, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#f57c03` | `oklch(71.26% 0.1791 53.44)` | University of Tennessee Orange | black, 7.7 to 1 |
| 2 | `#ef6c02` | `oklch(68.11% 0.1846 48.15)` | Epicurean Orange | black, 6.8 to 1 |
| 3 | `#ce93d8` | `oklch(74.41% 0.1157 321.50)` | Somewhere in a Fairytale | black, 8.8 to 1 |
| 4 | `#44a047` | `oklch(62.99% 0.1543 143.97)` | Fervent Green | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(15deg, #f57c03 0.000% 25.000%, #ef6c02 25.000% 50.000%, #ce93d8 50.000% 75.000%, #44a047 75.000% 100.000%);
background: linear-gradient(15deg, oklch(71.26% 0.1791 53.44) 0.000% 25.000%, oklch(68.11% 0.1846 48.15) 25.000% 50.000%, oklch(74.41% 0.1157 321.50) 50.000% 75.000%, oklch(62.99% 0.1543 143.97) 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.681 | 0.185 | 48.2 |
| 3 | 0.744 | 0.116 | -38.5 |
| 4 | 0.63 | 0.154 | -216 |

## In these collections

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

## Other forms

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