# Terracotta and yellow wasabi plum editorial palette

The Terracotta and yellow wasabi plum editorial palette brings together dark magenta, red, orange, gold, and light yellow. 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 magenta, and its lightest tone is light yellow.

- Also called: Duotone dark purple and beige angular swatches
- Seed: `kWRSrstaRGk4oQxkpsOcZ_Cg`
- Page: https://grabient.com/kWRSrstaRGk4oQxkpsOcZ_Cg?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#371b33` | `oklch(27.17% 0.0579 332.58)` | Nightly Voyager | white, 15.3 to 1 |
| 2 | `#6d2c31` | `oklch(38.62% 0.0922 18.38)` | Crystal Dark Red | white, 10.2 to 1 |
| 3 | `#a05733` | `oklch(53.61% 0.1084 45.55)` | Tense Terracotta | white, 5.3 to 1 |
| 4 | `#c98d4a` | `oklch(68.98% 0.1104 67.36)` | Caramel Macchiato | black, 7.3 to 1 |
| 5 | `#dcc173` | `oklch(81.82% 0.1029 90.99)` | Tropical Siesta | black, 11.9 to 1 |
| 6 | `#e1e19d` | `oklch(89.37% 0.0868 107.84)` | Celery Sceptre | black, 15.4 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #371b33 0.000% 16.667%, #6d2c31 16.667% 33.333%, #a05733 33.333% 50.000%, #c98d4a 50.000% 66.667%, #dcc173 66.667% 83.333%, #e1e19d 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(27.17% 0.0579 332.58) 0.000% 16.667%, oklch(38.62% 0.0922 18.38) 16.667% 33.333%, oklch(53.61% 0.1084 45.55) 33.333% 50.000%, oklch(68.98% 0.1104 67.36) 50.000% 66.667%, oklch(81.82% 0.1029 90.99) 66.667% 83.333%, oklch(89.37% 0.0868 107.84) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.058 | 332.6 |
| 2 | 0.421 | 0.099 | 388.6 |
| 3 | 0.614 | 0.11 | 415 |
| 4 | 0.791 | 0.106 | 445.7 |
| 5 | 0.894 | 0.087 | 467.8 |

## In these collections

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

## Other forms

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