# Plum, terracotta and near-black color palette

The Plum, terracotta and near-black color palette brings together dark magenta, green, magenta, and dark green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits poster layouts and editorial spreads. Its darkest tone is dark green, and its lightest tone is green.

- Also called: Dark purple, brown, purple and black linear gradient
- Seed: `kUOhzkWCpTjomrkcitUA`
- Page: https://grabient.com/kUOhzkWCpTjomrkcitUA?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 6.5 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 | `#251628` | `oklch(22.83% 0.0386 320.63)` | Inside | white, 17.1 to 1 |
| 2 | `#301b2d` | `oklch(25.79% 0.0434 331.46)` | Delighted Chimp | white, 15.8 to 1 |
| 3 | `#402333` | `oklch(29.96% 0.0500 347.05)` | Soft Red | white, 13.9 to 1 |
| 4 | `#542d36` | `oklch(35.02% 0.0579 6.08)` | Port Royale | white, 11.6 to 1 |
| 5 | `#693b35` | `oklch(40.66% 0.0668 27.25)` | Burnished Bark | white, 9.2 to 1 |
| 6 | `#7c4c31` | `oklch(46.55% 0.0762 49.24)` | Urban Auburn | white, 7.1 to 1 |
| 7 | `#89612d` | `oklch(52.39% 0.0856 70.75)` | Rusty Coin | white, 5.5 to 1 |
| 8 | `#8f7730` | `oklch(57.85% 0.0946 90.48)` | Aubergine Green | black, 4.8 to 1 |
| 9 | `#8f8c3c` | `oklch(62.63% 0.1027 107.11)` | Cute Pixie | black, 5.9 to 1 |
| 10 | `#8c9d4b` | `oklch(66.39% 0.1095 119.34)` | Spinach Green | black, 7 to 1 |
| 11 | `#89a755` | `oklch(68.83% 0.1145 125.86)` | Mosquito Fern | black, 7.7 to 1 |
| 12 | `#8daa55` | `oklch(69.74% 0.1177 125.17)` | Chelsea Cucumber | black, 8 to 1 |
| 13 | `#98a649` | `oklch(69.45% 0.1199 116.79)` | Fresh Apple | black, 7.8 to 1 |
| 14 | `#a79b36` | `oklch(68.16% 0.1211 102.36)` | Pestulance | black, 7.4 to 1 |
| 15 | `#b68b29` | `oklch(66.07% 0.1215 83.61)` | Mineral Umber | black, 6.7 to 1 |
| 16 | `#be7832` | `oklch(63.36% 0.1211 62.31)` | Longan | black, 5.8 to 1 |
| 17 | `#bc6646` | `oklch(60.23% 0.1199 40.19)` | Dirt Track | black, 5.1 to 1 |
| 18 | `#b2575b` | `oklch(56.87% 0.1180 19.00)` | Alsike Clover Red | white, 4.7 to 1 |
| 19 | `#a24d6a` | `oklch(53.47% 0.1155 0.50)` | Raspberry Patch | white, 5.5 to 1 |
| 20 | `#904771` | `oklch(50.22% 0.1124 346.42)` | Goddess of Dawn | white, 6.3 to 1 |
| 21 | `#824170` | `oklch(47.32% 0.1088 338.51)` | Club Mauve | white, 7.1 to 1 |
| 22 | `#793b69` | `oklch(44.90% 0.1046 338.44)` | Burnt Orchid | white, 7.9 to 1 |
| 23 | `#73355a` | `oklch(42.48% 0.0989 345.84)` | Possessed Plum | white, 8.7 to 1 |
| 24 | `#6e3046` | `oklch(39.94% 0.0917 359.22)` | Cabernet Craving | white, 9.7 to 1 |
| 25 | `#652c30` | `oklch(37.33% 0.0835 17.19)` | Devil’s Lip | white, 10.7 to 1 |
| 26 | `#5a2a1b` | `oklch(34.71% 0.0746 38.39)` | Kōrozen | white, 11.7 to 1 |
| 27 | `#4b2a0a` | `oklch(32.16% 0.0654 61.43)` | Brown Study | white, 12.8 to 1 |
| 28 | `#3a2a05` | `oklch(29.73% 0.0563 84.93)` | Secret Passage | white, 13.8 to 1 |
| 29 | `#2a290a` | `oklch(27.47% 0.0477 107.53)` | Secret Passage | white, 14.7 to 1 |
| 30 | `#1d2611` | `oklch(25.47% 0.0400 127.85)` | Deep Slate Olive | white, 15.6 to 1 |
| 31 | `#142315` | `oklch(23.77% 0.0336 144.51)` | Nightmare | white, 16.3 to 1 |
| 32 | `#102016` | `oklch(22.44% 0.0289 156.12)` | Nightmare | white, 16.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #251628 0.0%, #301b2d 3.2%, #402333 6.5%, #542d36 9.7%, #693b35 12.9%, #7c4c31 16.1%, #89612d 19.4%, #8f7730 22.6%, #8f8c3c 25.8%, #8c9d4b 29.0%, #89a755 32.3%, #8daa55 35.5%, #98a649 38.7%, #a79b36 41.9%, #b68b29 45.2%, #be7832 48.4%, #bc6646 51.6%, #b2575b 54.8%, #a24d6a 58.1%, #904771 61.3%, #824170 64.5%, #793b69 67.7%, #73355a 71.0%, #6e3046 74.2%, #652c30 77.4%, #5a2a1b 80.6%, #4b2a0a 83.9%, #3a2a05 87.1%, #2a290a 90.3%, #1d2611 93.5%, #142315 96.8%, #102016 100.0%);
background: linear-gradient(135deg in oklch, oklch(22.83% 0.0386 320.63) 0.0%, oklch(25.79% 0.0434 331.46) 3.2%, oklch(29.96% 0.0500 347.05) 6.5%, oklch(35.02% 0.0579 6.08) 9.7%, oklch(40.66% 0.0668 27.25) 12.9%, oklch(46.55% 0.0762 49.24) 16.1%, oklch(52.39% 0.0856 70.75) 19.4%, oklch(57.85% 0.0946 90.48) 22.6%, oklch(62.63% 0.1027 107.11) 25.8%, oklch(66.39% 0.1095 119.34) 29.0%, oklch(68.83% 0.1145 125.86) 32.3%, oklch(69.74% 0.1177 125.17) 35.5%, oklch(69.45% 0.1199 116.79) 38.7%, oklch(68.16% 0.1211 102.36) 41.9%, oklch(66.07% 0.1215 83.61) 45.2%, oklch(63.36% 0.1211 62.31) 48.4%, oklch(60.23% 0.1199 40.19) 51.6%, oklch(56.87% 0.1180 19.00) 54.8%, oklch(53.47% 0.1155 0.50) 58.1%, oklch(50.22% 0.1124 346.42) 61.3%, oklch(47.32% 0.1088 338.51) 64.5%, oklch(44.90% 0.1046 338.44) 67.7%, oklch(42.48% 0.0989 345.84) 71.0%, oklch(39.94% 0.0917 359.22) 74.2%, oklch(37.33% 0.0835 17.19) 77.4%, oklch(34.71% 0.0746 38.39) 80.6%, oklch(32.16% 0.0654 61.43) 83.9%, oklch(29.73% 0.0563 84.93) 87.1%, oklch(27.47% 0.0477 107.53) 90.3%, oklch(25.47% 0.0400 127.85) 93.5%, oklch(23.77% 0.0336 144.51) 96.8%, oklch(22.44% 0.0289 156.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.228 | 0.039 | 320.6 |
| 2 | 0.693 | 0.116 | 486.5 |
| 3 | 0.457 | 0.106 | 337.5 |
| 4 | 0.224 | 0.029 | 516.1 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)
- [Kerala riverboat regatta](https://grabient.com/kerala-riverboat-regatta)
- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)
- [Gold border jasmine garland](https://grabient.com/gold-border-jasmine-garland)

## Other forms

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