# Terracotta, burgundy and navy first woodsmoke evening

The Terracotta, burgundy and navy first woodsmoke evening brings together orange, dark red, dark blue, and blue. The colors span a moderate 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 blue, and its lightest tone is orange.

- Also called: Tritone brown, maroon and blue radial swatches
- Seed: `kWn18quy6-CQdvQeHLTryQ84`
- Page: https://grabient.com/kWn18quy6-CQdvQeHLTryQ84?style=radialSwatches&steps=5&angle=315
- Drawn as: radial swatches, 5 steps, 315 degrees
- Kinds: dark center, vivid, dark
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.5 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 | `#c07226` | `oklch(62.60% 0.1309 59.77)` | Desert Sun | black, 5.6 to 1 |
| 2 | `#913b0c` | `oklch(46.46% 0.1281 43.91)` | Citrine Brown | white, 7.3 to 1 |
| 3 | `#4a1419` | `oklch(28.35% 0.0813 19.61)` | Minotaur Hide | white, 14.9 to 1 |
| 4 | `#1d1641` | `oklch(23.62% 0.0785 286.61)` | Prune Plum | white, 16.9 to 1 |
| 5 | `#203e73` | `oklch(37.01% 0.0992 261.25)` | Blue Expanse | white, 10.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c07226 0.000% 20.000%, #913b0c 20.000% 40.000%, #4a1419 40.000% 60.000%, #1d1641 60.000% 80.000%, #203e73 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(62.60% 0.1309 59.77) 0.000% 20.000%, oklch(46.46% 0.1281 43.91) 20.000% 40.000%, oklch(28.35% 0.0813 19.61) 40.000% 60.000%, oklch(23.62% 0.0785 286.61) 60.000% 80.000%, oklch(37.01% 0.0992 261.25) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.626 | 0.131 | 59.8 |
| 2 | 0.465 | 0.128 | 43.9 |
| 3 | 0.283 | 0.081 | 19.6 |
| 4 | 0.236 | 0.079 | -73.4 |
| 5 | 0.37 | 0.099 | -98.7 |

## In these collections

- [First woodsmoke evening](https://grabient.com/first-woodsmoke-evening)

## Other forms

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