# Terracotta, crimson and aubergine color palette

The Terracotta, crimson and aubergine color palette brings together orange, red, magenta, and dark purple. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark purple, and its lightest tone is orange.

- Also called: Duotone brown and dark purple angular swatches
- Seed: `kUmFMpPiC8TCbOoilDvg`
- Page: https://grabient.com/kUmFMpPiC8TCbOoilDvg?style=angularSwatches&steps=14&angle=99
- Drawn as: angular swatches, 14 steps, 99 degrees
- Kinds: light to dark, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 3.7 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 | `#b26d33` | `oklch(59.84% 0.1144 57.66)` | Reno Sand | black, 5.1 to 1 |
| 2 | `#ad6636` | `oklch(58.04% 0.1101 52.98)` | Autumn Surprise | black, 4.7 to 1 |
| 3 | `#a45e3b` | `oklch(55.47% 0.1040 46.41)` | Desert Soil | white, 4.9 to 1 |
| 4 | `#9a553f` | `oklch(52.54% 0.0973 38.54)` | Sōdenkaracha Brown | white, 5.6 to 1 |
| 5 | `#8f4d43` | `oklch(49.68% 0.0912 29.94)` | El Salva | white, 6.3 to 1 |
| 6 | `#854646` | `oklch(47.17% 0.0867 20.72)` | Fired Clay | white, 7 to 1 |
| 7 | `#7b3f4a` | `oklch(44.72% 0.0832 10.08)` | Amfissa Olive | white, 7.8 to 1 |
| 8 | `#703a4d` | `oklch(42.29% 0.0801 358.87)` | Venusian | white, 8.7 to 1 |
| 9 | `#65354e` | `oklch(39.84% 0.0769 348.07)` | Vintage Wine | white, 9.6 to 1 |
| 10 | `#59304e` | `oklch(37.32% 0.0730 338.50)` | Winter Bloom | white, 10.6 to 1 |
| 11 | `#4c2b4a` | `oklch(34.46% 0.0681 329.20)` | Murasaki | white, 11.9 to 1 |
| 12 | `#402645` | `oklch(31.54% 0.0630 320.43)` | Purple Void | white, 13.2 to 1 |
| 13 | `#352240` | `oklch(28.96% 0.0583 313.01)` | Power Outage | white, 14.4 to 1 |
| 14 | `#2e1f3c` | `oklch(27.17% 0.0551 307.75)` | Throat | white, 15.2 to 1 |

## CSS

```css
background: conic-gradient(from 99deg, #b26d33 0.000% 7.143%, #ad6636 7.143% 14.286%, #a45e3b 14.286% 21.429%, #9a553f 21.429% 28.571%, #8f4d43 28.571% 35.714%, #854646 35.714% 42.857%, #7b3f4a 42.857% 50.000%, #703a4d 50.000% 57.143%, #65354e 57.143% 64.286%, #59304e 64.286% 71.429%, #4c2b4a 71.429% 78.571%, #402645 78.571% 85.714%, #352240 85.714% 92.857%, #2e1f3c 92.857% 100.000%);
background: conic-gradient(from 99deg, oklch(59.84% 0.1144 57.66) 0.000% 7.143%, oklch(58.04% 0.1101 52.98) 7.143% 14.286%, oklch(55.47% 0.1040 46.41) 14.286% 21.429%, oklch(52.54% 0.0973 38.54) 21.429% 28.571%, oklch(49.68% 0.0912 29.94) 28.571% 35.714%, oklch(47.17% 0.0867 20.72) 35.714% 42.857%, oklch(44.72% 0.0832 10.08) 42.857% 50.000%, oklch(42.29% 0.0801 358.87) 50.000% 57.143%, oklch(39.84% 0.0769 348.07) 57.143% 64.286%, oklch(37.32% 0.0730 338.50) 64.286% 71.429%, oklch(34.46% 0.0681 329.20) 71.429% 78.571%, oklch(31.54% 0.0630 320.43) 78.571% 85.714%, oklch(28.96% 0.0583 313.01) 85.714% 92.857%, oklch(27.17% 0.0551 307.75) 92.857% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.114 | 57.7 |
| 2 | 0.488 | 0.09 | 27 |
| 3 | 0.382 | 0.074 | -18.4 |
| 4 | 0.272 | 0.055 | -52.2 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)
- [Golden hour swatches](https://grabient.com/golden-hour-swatches)

## Other forms

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