# Crimson, peach and emerald split complementary palette

The Crimson, peach and emerald split complementary palette brings together red, light red, light orange, blue, and green. 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 blue, and its lightest tone is light orange.

- Also called: Red, tan, blue and green linear swatches
- Seed: `kWlXIUXSpAuYQwnIpityaM2Y`
- Page: https://grabient.com/kWlXIUXSpAuYQwnIpityaM2Y?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.4 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 | `#c84f44` | `oklch(58.66% 0.1571 28.13)` | Terra Cotta Red | black, 4.6 to 1 |
| 2 | `#e78d77` | `oklch(73.23% 0.1157 34.47)` | Nude Flamingo | black, 8.4 to 1 |
| 3 | `#d7b8a3` | `oklch(80.31% 0.0455 55.60)` | Sedona Pink | black, 11.2 to 1 |
| 4 | `#377eb0` | `oklch(57.09% 0.1047 242.29)` | Beijing Blue | black, 4.7 to 1 |
| 5 | `#3c8c68` | `oklch(57.87% 0.0965 161.98)` | Mallard Green | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #c84f44 0.000% 20.000%, #e78d77 20.000% 40.000%, #d7b8a3 40.000% 60.000%, #377eb0 60.000% 80.000%, #3c8c68 80.000% 100.000%);
background: linear-gradient(180deg, oklch(58.66% 0.1571 28.13) 0.000% 20.000%, oklch(73.23% 0.1157 34.47) 20.000% 40.000%, oklch(80.31% 0.0455 55.60) 40.000% 60.000%, oklch(57.09% 0.1047 242.29) 60.000% 80.000%, oklch(57.87% 0.0965 161.98) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.587 | 0.157 | 28.1 |
| 2 | 0.732 | 0.116 | 34.5 |
| 3 | 0.803 | 0.045 | 55.6 |
| 4 | 0.571 | 0.105 | -117.7 |
| 5 | 0.579 | 0.096 | -198 |

## In these collections

- [Split complementary swatches](https://grabient.com/split-complementary-swatches)

## Other forms

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