# Plum, rose and terracotta color palette

The Plum, rose and terracotta color palette brings together dark magenta, magenta, red, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark magenta, and its lightest tone is orange.

- Also called: Duotone dark purple and brown linear swatches
- Seed: `kWRSflKh3ArceQhFnkR0yjDY`
- Page: https://grabient.com/kWRSflKh3ArceQhFnkR0yjDY?style=linearSwatches&steps=6&angle=0
- Drawn as: linear swatches, 6 steps, 0 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 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 | `#331d36` | `oklch(27.17% 0.0537 322.03)` | Fat Tuesday | white, 15.2 to 1 |
| 2 | `#452246` | `oklch(31.52% 0.0770 326.26)` | Purple Void | white, 13.3 to 1 |
| 3 | `#603255` | `oklch(38.92% 0.0835 337.15)` | Spanish Plum | white, 10 to 1 |
| 4 | `#82495b` | `oklch(47.83% 0.0814 0.51)` | Frenzied Red | white, 6.8 to 1 |
| 5 | `#a56457` | `oklch(57.07% 0.0871 31.31)` | Rust Coloured | white, 4.6 to 1 |
| 6 | `#c57c4a` | `oklch(65.35% 0.1116 53.97)` | Fuegan Orange | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(0deg, #331d36 0.000% 16.667%, #452246 16.667% 33.333%, #603255 33.333% 50.000%, #82495b 50.000% 66.667%, #a56457 66.667% 83.333%, #c57c4a 83.333% 100.000%);
background: linear-gradient(0deg, oklch(27.17% 0.0537 322.03) 0.000% 16.667%, oklch(31.52% 0.0770 326.26) 16.667% 33.333%, oklch(38.92% 0.0835 337.15) 33.333% 50.000%, oklch(47.83% 0.0814 0.51) 50.000% 66.667%, oklch(57.07% 0.0871 31.31) 66.667% 83.333%, oklch(65.35% 0.1116 53.97) 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.054 | 322 |
| 2 | 0.331 | 0.081 | 328.4 |
| 3 | 0.433 | 0.083 | 346.3 |
| 4 | 0.547 | 0.083 | 384.4 |
| 5 | 0.654 | 0.112 | 414 |

## In these collections

- [Earth tone swatches](https://grabient.com/earth-tone-swatches)
- [Fall swatches](https://grabient.com/fall-swatches)

## Other forms

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