# Burgundy, terracotta and deep cyan neo deco

The Burgundy, terracotta and deep cyan neo deco brings together red, orange, and blue. 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 blue, and its lightest tone is orange.

- Also called: Maroon, salmon and navy angular swatches
- Seed: `kUXEQHQjBBdWrQurjSqg`
- Page: https://grabient.com/kUXEQHQjBBdWrQurjSqg?style=angularSwatches&steps=4&angle=135
- Drawn as: angular swatches, 4 steps, 135 degrees
- Kinds: light center, warm, multicolor
- Hues: analogous
- 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 | `#652532` | `oklch(36.22% 0.0937 9.84)` | Blackberry Pie | white, 11.2 to 1 |
| 2 | `#a84444` | `oklch(51.97% 0.1323 22.52)` | Daredevil | white, 5.9 to 1 |
| 3 | `#d17e52` | `oklch(67.32% 0.1185 47.89)` | Copper Harbor | black, 6.8 to 1 |
| 4 | `#243c47` | `oklch(34.25% 0.0358 228.24)` | Tarawera | white, 11.5 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #652532 0.000% 25.000%, #a84444 25.000% 50.000%, #d17e52 50.000% 75.000%, #243c47 75.000% 100.000%);
background: conic-gradient(from 135deg, oklch(36.22% 0.0937 9.84) 0.000% 25.000%, oklch(51.97% 0.1323 22.52) 25.000% 50.000%, oklch(67.32% 0.1185 47.89) 50.000% 75.000%, oklch(34.25% 0.0358 228.24) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.362 | 0.094 | 9.8 |
| 2 | 0.52 | 0.132 | 22.5 |
| 3 | 0.673 | 0.119 | 47.9 |
| 4 | 0.343 | 0.036 | -131.8 |

## In these collections

- [Neo deco swatches](https://grabient.com/neo-deco-swatches)

## Other forms

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