# Burgundy terracotta palette

The Burgundy terracotta palette brings together red and light red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light red.

- Also called: Analogous brown, pink and maroon angular swatches
- Seed: `kUUSgKxqdA2IbwMxpz9g`
- Page: https://grabient.com/kUUSgKxqdA2IbwMxpz9g?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 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 | `#4b262a` | `oklch(31.89% 0.0551 14.77)` | Volcano | white, 13 to 1 |
| 2 | `#803f41` | `oklch(45.07% 0.0901 18.85)` | Dozen Roses | white, 7.7 to 1 |
| 3 | `#ba6864` | `oklch(60.93% 0.1055 23.83)` | Lord Baltimore | black, 5.2 to 1 |
| 4 | `#e1a096` | `oklch(76.70% 0.0794 28.82)` | Coral Almond | black, 9.7 to 1 |
| 5 | `#bc7970` | `oklch(64.37% 0.0854 28.50)` | Faneuil Brick | black, 6.1 to 1 |
| 6 | `#742825` | `oklch(38.98% 0.1075 25.33)` | Incubus | white, 10.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #4b262a 0.000% 16.667%, #803f41 16.667% 33.333%, #ba6864 33.333% 50.000%, #e1a096 50.000% 66.667%, #bc7970 66.667% 83.333%, #742825 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(31.89% 0.0551 14.77) 0.000% 16.667%, oklch(45.07% 0.0901 18.85) 16.667% 33.333%, oklch(60.93% 0.1055 23.83) 33.333% 50.000%, oklch(76.70% 0.0794 28.82) 50.000% 66.667%, oklch(64.37% 0.0854 28.50) 66.667% 83.333%, oklch(38.98% 0.1075 25.33) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.055 | 14.8 |
| 2 | 0.555 | 0.107 | 22.2 |
| 3 | 0.772 | 0.076 | 29.6 |
| 4 | 0.39 | 0.107 | 25.3 |

## In these collections

- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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