# Terracotta, crimson and emerald color palette

The Terracotta, crimson and emerald color palette brings together orange, red, and green. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is red, and its lightest tone is orange.

- Also called: Vivid tan, red and green linear swatches
- Seed: `kYs0MuzLO8b8-Pw0Mj-tJTGMYryO`
- Page: https://grabient.com/kYs0MuzLO8b8-Pw0Mj-tJTGMYryO?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, vivid, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#c89460` | `oklch(70.47% 0.0923 65.39)` | Burnt Pumpkin | black, 7.8 to 1 |
| 2 | `#c75d41` | `oklch(60.24% 0.1419 35.80)` | Cold Brew Tonic | black, 5 to 1 |
| 3 | `#ae2922` | `oklch(49.61% 0.1709 28.40)` | Joyous Red | white, 6.6 to 1 |
| 4 | `#851f1e` | `oklch(40.94% 0.1378 26.29)` | Heirloom Red | white, 9.4 to 1 |
| 5 | `#5c4826` | `oklch(41.34% 0.0565 79.13)` | Nightingale | white, 8.7 to 1 |
| 6 | `#258652` | `oklch(55.12% 0.1199 155.21)` | Lucky Green | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c89460 0.000% 16.667%, #c75d41 16.667% 33.333%, #ae2922 33.333% 50.000%, #851f1e 50.000% 66.667%, #5c4826 66.667% 83.333%, #258652 83.333% 100.000%);
background: linear-gradient(90deg, oklch(70.47% 0.0923 65.39) 0.000% 16.667%, oklch(60.24% 0.1419 35.80) 16.667% 33.333%, oklch(49.61% 0.1709 28.40) 33.333% 50.000%, oklch(40.94% 0.1378 26.29) 50.000% 66.667%, oklch(41.34% 0.0565 79.13) 66.667% 83.333%, oklch(55.12% 0.1199 155.21) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.092 | 65.4 |
| 2 | 0.602 | 0.142 | 35.8 |
| 3 | 0.496 | 0.171 | 28.4 |
| 4 | 0.409 | 0.138 | 26.3 |
| 5 | 0.413 | 0.056 | 79.1 |
| 6 | 0.551 | 0.12 | 155.2 |

## In these collections

- [Cranberry bog harvest](https://grabient.com/cranberry-bog-harvest)
- [Fall swatches](https://grabient.com/fall-swatches)

## Other forms

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