# Burgundy, tan and terracotta practical magic palette

The Burgundy, tan and terracotta practical magic palette brings together red, dark red, light orange, and orange. 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 dark red, and its lightest tone is light orange.

- Also called: Analogous maroon, beige and brown linear swatches
- Seed: `kUUVMNHBs_PAQyDOmb0A`
- Page: https://grabient.com/kUUVMNHBs_PAQyDOmb0A?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: muted, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 12.3 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 | `#600d1b` | `oklch(31.89% 0.1144 18.28)` | Cherry Picking | white, 13.4 to 1 |
| 2 | `#350611` | `oklch(22.05% 0.0744 11.94)` | Ilvaite Black | white, 17.6 to 1 |
| 3 | `#e7d6b7` | `oklch(88.19% 0.0455 81.69)` | Drumskin | black, 14.6 to 1 |
| 4 | `#a67b5b` | `oklch(61.81% 0.0703 57.38)` | Tuscan Soil | black, 5.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #600d1b 0.000% 25.000%, #350611 25.000% 50.000%, #e7d6b7 50.000% 75.000%, #a67b5b 75.000% 100.000%);
background: linear-gradient(90deg, oklch(31.89% 0.1144 18.28) 0.000% 25.000%, oklch(22.05% 0.0744 11.94) 25.000% 50.000%, oklch(88.19% 0.0455 81.69) 50.000% 75.000%, oklch(61.81% 0.0703 57.38) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.114 | 18.3 |
| 2 | 0.22 | 0.074 | 11.9 |
| 3 | 0.882 | 0.045 | 81.7 |
| 4 | 0.618 | 0.07 | 57.4 |

## In these collections

- [Practical Magic swatches](https://grabient.com/practical-magic-swatches)

## Other forms

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