# Mauve, crimson and lime wasabi plum editorial

The Mauve, crimson and lime wasabi plum editorial brings together dark gray, dark purple, red, orange, and 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 gray, and its lightest tone is green.

- Also called: Triadic navy, purple, tan and green angular gradient
- Seed: `kWQAukphnKcEoxfaJsVY7BHY`
- Page: https://grabient.com/kWQAukphnKcEoxfaJsVY7BHY?style=angularGradient&steps=32&angle=135
- Drawn as: angular gradient, 32 steps, 135 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 8.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 | `#1b2428` | `oklch(25.20% 0.0152 231.33)` | Washed Black | white, 15.8 to 1 |
| 2 | `#1a242b` | `oklch(25.46% 0.0197 238.71)` | Washed Black | white, 15.7 to 1 |
| 3 | `#19242f` | `oklch(25.67% 0.0258 248.87)` | Dark | white, 15.6 to 1 |
| 4 | `#1b2434` | `oklch(25.92% 0.0331 260.98)` | Moonless Mystery | white, 15.5 to 1 |
| 5 | `#1f2339` | `oklch(26.28% 0.0412 274.23)` | Midnight Express | white, 15.4 to 1 |
| 6 | `#25223d` | `oklch(26.83% 0.0495 287.80)` | Throat | white, 15.3 to 1 |
| 7 | `#2d2140` | `oklch(27.64% 0.0577 300.87)` | Midnight Velvet | white, 15 to 1 |
| 8 | `#362042` | `oklch(28.79% 0.0653 312.63)` | Power Outage | white, 14.5 to 1 |
| 9 | `#3f2144` | `oklch(30.36% 0.0718 322.31)` | Purple Void | white, 13.8 to 1 |
| 10 | `#4a2346` | `oklch(32.43% 0.0782 330.49)` | Opulent Mauve | white, 12.9 to 1 |
| 11 | `#55274a` | `oklch(34.93% 0.0847 337.76)` | Murasaki | white, 11.8 to 1 |
| 12 | `#622b4d` | `oklch(37.75% 0.0910 344.33)` | Witch Soup | white, 10.6 to 1 |
| 13 | `#6f3151` | `oklch(40.76% 0.0969 350.40)` | Burlat Red | white, 9.4 to 1 |
| 14 | `#7d3754` | `oklch(43.86% 0.1022 356.19)` | Rich Red Violet | white, 8.2 to 1 |
| 15 | `#8a3e56` | `oklch(46.92% 0.1068 1.91)` | Liaison | white, 7.2 to 1 |
| 16 | `#964557` | `oklch(49.82% 0.1103 7.77)` | Raspberry Pudding | white, 6.4 to 1 |
| 17 | `#a14c57` | `oklch(52.52% 0.1125 13.87)` | Black Pudding | white, 5.7 to 1 |
| 18 | `#aa5457` | `oklch(55.27% 0.1130 19.68)` | Bretzel Brown | white, 5 to 1 |
| 19 | `#b35e58` | `oklch(58.08% 0.1122 25.24)` | Pottery Red | black, 4.6 to 1 |
| 20 | `#bc6859` | `oklch(60.86% 0.1105 30.69)` | Cedar Grove | black, 5.2 to 1 |
| 21 | `#c3725b` | `oklch(63.55% 0.1086 36.20)` | Cajun Spice | black, 5.8 to 1 |
| 22 | `#c97b5d` | `oklch(66.09% 0.1068 41.91)` | Gold Pheasant | black, 6.5 to 1 |
| 23 | `#cf855e` | `oklch(68.40% 0.1057 47.97)` | Harvest Time | black, 7.1 to 1 |
| 24 | `#d38d5e` | `oklch(70.42% 0.1058 54.53)` | Grounded | black, 7.7 to 1 |
| 25 | `#d5955b` | `oklch(72.10% 0.1075 61.95)` | Gates of Gold | black, 8.2 to 1 |
| 26 | `#d59d57` | `oklch(73.53% 0.1104 70.61)` | Ceremonial Gold | black, 8.7 to 1 |
| 27 | `#d3a552` | `oklch(74.73% 0.1141 80.01)` | Plantain Chips | black, 9.2 to 1 |
| 28 | `#ceac4f` | `oklch(75.72% 0.1183 89.61)` | Yellow Lupine | black, 9.6 to 1 |
| 29 | `#c6b44f` | `oklch(76.56% 0.1226 98.91)` | Vegas Gold | black, 10 to 1 |
| 30 | `#bebb52` | `oklch(77.25% 0.1266 107.36)` | Parachute | black, 10.3 to 1 |
| 31 | `#b5c058` | `oklch(77.84% 0.1300 114.46)` | Sativa | black, 10.6 to 1 |
| 32 | `#aec55d` | `oklch(78.35% 0.1323 119.66)` | Green Glow | black, 10.9 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #1b2428 0.0%, #1a242b 3.2%, #19242f 6.5%, #1b2434 9.7%, #1f2339 12.9%, #25223d 16.1%, #2d2140 19.4%, #362042 22.6%, #3f2144 25.8%, #4a2346 29.0%, #55274a 32.3%, #622b4d 35.5%, #6f3151 38.7%, #7d3754 41.9%, #8a3e56 45.2%, #964557 48.4%, #a14c57 51.6%, #aa5457 54.8%, #b35e58 58.1%, #bc6859 61.3%, #c3725b 64.5%, #c97b5d 67.7%, #cf855e 71.0%, #d38d5e 74.2%, #d5955b 77.4%, #d59d57 80.6%, #d3a552 83.9%, #ceac4f 87.1%, #c6b44f 90.3%, #bebb52 93.5%, #b5c058 96.8%, #aec55d 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(25.20% 0.0152 231.33) 0.0%, oklch(25.46% 0.0197 238.71) 3.2%, oklch(25.67% 0.0258 248.87) 6.5%, oklch(25.92% 0.0331 260.98) 9.7%, oklch(26.28% 0.0412 274.23) 12.9%, oklch(26.83% 0.0495 287.80) 16.1%, oklch(27.64% 0.0577 300.87) 19.4%, oklch(28.79% 0.0653 312.63) 22.6%, oklch(30.36% 0.0718 322.31) 25.8%, oklch(32.43% 0.0782 330.49) 29.0%, oklch(34.93% 0.0847 337.76) 32.3%, oklch(37.75% 0.0910 344.33) 35.5%, oklch(40.76% 0.0969 350.40) 38.7%, oklch(43.86% 0.1022 356.19) 41.9%, oklch(46.92% 0.1068 1.91) 45.2%, oklch(49.82% 0.1103 7.77) 48.4%, oklch(52.52% 0.1125 13.87) 51.6%, oklch(55.27% 0.1130 19.68) 54.8%, oklch(58.08% 0.1122 25.24) 58.1%, oklch(60.86% 0.1105 30.69) 61.3%, oklch(63.55% 0.1086 36.20) 64.5%, oklch(66.09% 0.1068 41.91) 67.7%, oklch(68.40% 0.1057 47.97) 71.0%, oklch(70.42% 0.1058 54.53) 74.2%, oklch(72.10% 0.1075 61.95) 77.4%, oklch(73.53% 0.1104 70.61) 80.6%, oklch(74.73% 0.1141 80.01) 83.9%, oklch(75.72% 0.1183 89.61) 87.1%, oklch(76.56% 0.1226 98.91) 90.3%, oklch(77.25% 0.1266 107.36) 93.5%, oklch(77.84% 0.1300 114.46) 96.8%, oklch(78.35% 0.1323 119.66) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.015 | 231.3 |
| 2 | 0.299 | 0.07 | 320.1 |
| 3 | 0.512 | 0.112 | 370.8 |
| 4 | 0.709 | 0.106 | 416.3 |
| 5 | 0.783 | 0.132 | 479.7 |

## In these collections

- [Wasabi plum editorial](https://grabient.com/wasabi-plum-editorial)

## Other forms

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