# Leaf To Ripe Plum Gradient

A diagonal gradient begins in deep leafy green, crosses olive and dark plum, brightens through berry rose and coral, and ends in pale harvest peach. The broad route suits orchard scenes, seasonal packaging, jam labels, autumn posters, and backgrounds that connect shaded foliage with ripening fruit and warm late-season light.

- Also called: Black, dark green, pink and peach linear gradient
- Seed: `kWQQ5cPBg_jksshSs8F6p7Go`
- Page: https://grabient.com/kWQQ5cPBg_jksshSs8F6p7Go?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: dark to light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#20251b` | `oklch(25.59% 0.0193 129.37)` | Underworld | white, 15.6 to 1 |
| 2 | `#242a1e` | `oklch(27.50% 0.0230 129.95)` | Maire | white, 14.7 to 1 |
| 3 | `#293123` | `oklch(30.23% 0.0278 131.60)` | Mountain Range Green | white, 13.4 to 1 |
| 4 | `#303b29` | `oklch(33.50% 0.0336 133.62)` | Matcha Ash | white, 11.8 to 1 |
| 5 | `#36452f` | `oklch(37.01% 0.0400 135.29)` | Mallardish | white, 10.2 to 1 |
| 6 | `#3d4f35` | `oklch(40.45% 0.0469 135.89)` | Matsuba Green | white, 8.8 to 1 |
| 7 | `#45583a` | `oklch(43.55% 0.0540 134.71)` | Heavy Green | white, 7.7 to 1 |
| 8 | `#4c5f3b` | `oklch(46.01% 0.0610 131.03)` | Stinging Nettle | white, 6.9 to 1 |
| 9 | `#546337` | `oklch(47.52% 0.0678 124.08)` | Interior Green | white, 6.5 to 1 |
| 10 | `#5e622d` | `oklch(47.98% 0.0751 112.34)` | Gardener Green | white, 6.4 to 1 |
| 11 | `#6a5c1d` | `oklch(47.64% 0.0830 96.61)` | High Forest Green | white, 6.6 to 1 |
| 12 | `#76530f` | `oklch(46.81% 0.0911 78.45)` | Coffee Adept | white, 6.9 to 1 |
| 13 | `#7f4811` | `oklch(45.77% 0.0991 59.44)` | Russet | white, 7.4 to 1 |
| 14 | `#843d21` | `oklch(44.83% 0.1068 41.15)` | Dusky Orange | white, 7.8 to 1 |
| 15 | `#873531` | `oklch(44.29% 0.1139 25.15)` | Tall Poppy | white, 8.1 to 1 |
| 16 | `#893140` | `oklch(44.45% 0.1200 13.03)` | Honey Chilli | white, 8.1 to 1 |
| 17 | `#8d324c` | `oklch(45.55% 0.1251 5.97)` | That’s My Jam | white, 7.7 to 1 |
| 18 | `#943655` | `oklch(47.37% 0.1299 2.51)` | Forward Fuchsia | white, 7.2 to 1 |
| 19 | `#9d3b5d` | `oklch(49.74% 0.1343 1.81)` | Boysenberry Pink | white, 6.5 to 1 |
| 20 | `#a84162` | `oklch(52.49% 0.1382 3.32)` | Rouge Like | white, 5.8 to 1 |
| 21 | `#b44965` | `oklch(55.48% 0.1412 6.49)` | Gala Pink | white, 5.1 to 1 |
| 22 | `#c15267` | `oklch(58.55% 0.1431 10.77)` | Popstar | black, 4.6 to 1 |
| 23 | `#cc5b68` | `oklch(61.54% 0.1436 15.61)` | Imayou Pink | black, 5.2 to 1 |
| 24 | `#d66568` | `oklch(64.32% 0.1425 20.44)` | Happy Hearts | black, 5.9 to 1 |
| 25 | `#dd6f67` | `oklch(66.92% 0.1391 25.60)` | Calypso Red | black, 6.5 to 1 |
| 26 | `#e47c67` | `oklch(69.68% 0.1329 32.59)` | Sari | black, 7.3 to 1 |
| 27 | `#e88a67` | `oklch(72.52% 0.1247 40.88)` | Shell Coral | black, 8.2 to 1 |
| 28 | `#ea986b` | `oklch(75.32% 0.1154 49.79)` | Sawtooth Aak | black, 9.2 to 1 |
| 29 | `#eaa671` | `oklch(77.97% 0.1058 58.67)` | Old Plaster | black, 10.2 to 1 |
| 30 | `#e9b37a` | `oklch(80.35% 0.0968 66.88)` | Terra Sol | black, 11.1 to 1 |
| 31 | `#e8bd83` | `oklch(82.35% 0.0892 73.76)` | Fragrant Coriander | black, 12 to 1 |
| 32 | `#e8c48b` | `oklch(83.86% 0.0841 78.65)` | Norman Shaw Goldspar | black, 12.7 to 1 |

## CSS

```css
background: linear-gradient(315deg, #20251b 0.0%, #242a1e 3.2%, #293123 6.5%, #303b29 9.7%, #36452f 12.9%, #3d4f35 16.1%, #45583a 19.4%, #4c5f3b 22.6%, #546337 25.8%, #5e622d 29.0%, #6a5c1d 32.3%, #76530f 35.5%, #7f4811 38.7%, #843d21 41.9%, #873531 45.2%, #893140 48.4%, #8d324c 51.6%, #943655 54.8%, #9d3b5d 58.1%, #a84162 61.3%, #b44965 64.5%, #c15267 67.7%, #cc5b68 71.0%, #d66568 74.2%, #dd6f67 77.4%, #e47c67 80.6%, #e88a67 83.9%, #ea986b 87.1%, #eaa671 90.3%, #e9b37a 93.5%, #e8bd83 96.8%, #e8c48b 100.0%);
background: linear-gradient(315deg in oklch, oklch(25.59% 0.0193 129.37) 0.0%, oklch(27.50% 0.0230 129.95) 3.2%, oklch(30.23% 0.0278 131.60) 6.5%, oklch(33.50% 0.0336 133.62) 9.7%, oklch(37.01% 0.0400 135.29) 12.9%, oklch(40.45% 0.0469 135.89) 16.1%, oklch(43.55% 0.0540 134.71) 19.4%, oklch(46.01% 0.0610 131.03) 22.6%, oklch(47.52% 0.0678 124.08) 25.8%, oklch(47.98% 0.0751 112.34) 29.0%, oklch(47.64% 0.0830 96.61) 32.3%, oklch(46.81% 0.0911 78.45) 35.5%, oklch(45.77% 0.0991 59.44) 38.7%, oklch(44.83% 0.1068 41.15) 41.9%, oklch(44.29% 0.1139 25.15) 45.2%, oklch(44.45% 0.1200 13.03) 48.4%, oklch(45.55% 0.1251 5.97) 51.6%, oklch(47.37% 0.1299 2.51) 54.8%, oklch(49.74% 0.1343 1.81) 58.1%, oklch(52.49% 0.1382 3.32) 61.3%, oklch(55.48% 0.1412 6.49) 64.5%, oklch(58.55% 0.1431 10.77) 67.7%, oklch(61.54% 0.1436 15.61) 71.0%, oklch(64.32% 0.1425 20.44) 74.2%, oklch(66.92% 0.1391 25.60) 77.4%, oklch(69.68% 0.1329 32.59) 80.6%, oklch(72.52% 0.1247 40.88) 83.9%, oklch(75.32% 0.1154 49.79) 87.1%, oklch(77.97% 0.1058 58.67) 90.3%, oklch(80.35% 0.0968 66.88) 93.5%, oklch(82.35% 0.0892 73.76) 96.8%, oklch(83.86% 0.0841 78.65) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.256 | 0.019 | 129.4 |
| 2 | 0.472 | 0.066 | 126.2 |
| 3 | 0.449 | 0.123 | 8.9 |
| 4 | 0.65 | 0.142 | 21.6 |
| 5 | 0.839 | 0.084 | 78.7 |

## In these collections

- [Plum orchard harvest](https://grabient.com/plum-orchard-harvest)

## Other forms

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