# Emerald, dusty blue and terracotta color palette

The Emerald, dusty blue and terracotta color palette brings together green, purple, and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is orange.

- Also called: Muted rainbow from green to peach linear swatches
- Seed: `kYhj1vVh2-7woUnPn8DSTDK1mpQM`
- Page: https://grabient.com/kYhj1vVh2-7woUnPn8DSTDK1mpQM?style=linearSwatches&steps=6&angle=135
- Drawn as: linear swatches, 6 steps, 135 degrees
- Kinds: rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 2.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 | `#3e7a56` | `oklch(52.76% 0.0841 156.09)` | Rokushō Green | white, 5.1 to 1 |
| 2 | `#75a57b` | `oklch(67.72% 0.0813 147.64)` | Jadesheen | black, 7.4 to 1 |
| 3 | `#694a8d` | `oklch(47.24% 0.1102 304.04)` | Grapes of Italy | white, 7 to 1 |
| 4 | `#9979af` | `oklch(62.60% 0.0868 311.44)` | English Lavender | black, 5.6 to 1 |
| 5 | `#b85a30` | `oklch(57.48% 0.1337 43.37)` | Gold Varnish Brown | white, 4.6 to 1 |
| 6 | `#d88a5c` | `oklch(70.47% 0.1130 50.77)` | Bright Sienna | black, 7.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3e7a56 0.000% 16.667%, #75a57b 16.667% 33.333%, #694a8d 33.333% 50.000%, #9979af 50.000% 66.667%, #b85a30 66.667% 83.333%, #d88a5c 83.333% 100.000%);
background: linear-gradient(135deg, oklch(52.76% 0.0841 156.09) 0.000% 16.667%, oklch(67.72% 0.0813 147.64) 16.667% 33.333%, oklch(47.24% 0.1102 304.04) 33.333% 50.000%, oklch(62.60% 0.0868 311.44) 50.000% 66.667%, oklch(57.48% 0.1337 43.37) 66.667% 83.333%, oklch(70.47% 0.1130 50.77) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.084 | 156.1 |
| 2 | 0.677 | 0.081 | 147.6 |
| 3 | 0.472 | 0.11 | 304 |
| 4 | 0.626 | 0.087 | 311.4 |
| 5 | 0.575 | 0.134 | 403.4 |
| 6 | 0.705 | 0.113 | 410.8 |

## In these collections

- [Triadic swatches](https://grabient.com/triadic-swatches)
- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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