# Turquoise, tan and crimson split complementary palette

The Turquoise, tan and crimson split complementary palette brings together blue, light gray, orange, and red. 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 light gray.

- Also called: Complementary blue, gray and brown linear swatches
- Seed: `kYdiup1ZA_-MEtJWobkTKi9kEovG`
- Page: https://grabient.com/kYdiup1ZA_-MEtJWobkTKi9kEovG?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#385e77` | `oklch(46.46% 0.0593 238.36)` | Superior Blue | white, 6.9 to 1 |
| 2 | `#7e9baf` | `oklch(67.32% 0.0441 238.36)` | Breathtaking View | black, 7.1 to 1 |
| 3 | `#b3b9b2` | `oklch(77.95% 0.0124 142.19)` | Sleepy | black, 10.5 to 1 |
| 4 | `#b49453` | `oklch(68.11% 0.0923 84.07)` | Antique Honey | black, 7.2 to 1 |
| 5 | `#af7130` | `oklch(60.24% 0.1116 64.00)` | Deer Leather | black, 5.2 to 1 |
| 6 | `#9c4c39` | `oklch(51.18% 0.1116 34.41)` | Spicy Hue | white, 6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #385e77 0.000% 16.667%, #7e9baf 16.667% 33.333%, #b3b9b2 33.333% 50.000%, #b49453 50.000% 66.667%, #af7130 66.667% 83.333%, #9c4c39 83.333% 100.000%);
background: linear-gradient(90deg, oklch(46.46% 0.0593 238.36) 0.000% 16.667%, oklch(67.32% 0.0441 238.36) 16.667% 33.333%, oklch(77.95% 0.0124 142.19) 33.333% 50.000%, oklch(68.11% 0.0923 84.07) 50.000% 66.667%, oklch(60.24% 0.1116 64.00) 66.667% 83.333%, oklch(51.18% 0.1116 34.41) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.059 | 238.4 |
| 2 | 0.673 | 0.044 | 238.4 |
| 3 | 0.78 | 0.012 | 142.2 |
| 4 | 0.681 | 0.092 | 84.1 |
| 5 | 0.602 | 0.112 | 64 |
| 6 | 0.512 | 0.112 | 34.4 |

## In these collections

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

## Other forms

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