# Indigo, silver and emerald split complementary palette

The Indigo, silver and emerald split complementary palette brings together blue, light gray, gold, and green. 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 gold.

- Also called: Blue, gray, tan and green linear swatches
- Seed: `kWZFTExiFAVyC1PesT6yaPHg`
- Page: https://grabient.com/kWZFTExiFAVyC1PesT6yaPHg?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.2 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 | `#373d83` | `oklch(39.37% 0.1157 276.33)` | Evening Magic | white, 9.7 to 1 |
| 2 | `#676ca6` | `oklch(55.12% 0.0909 279.50)` | Twinkle Night | white, 4.9 to 1 |
| 3 | `#a8a7a2` | `oklch(72.83% 0.0069 97.03)` | Silver Grey | black, 8.7 to 1 |
| 4 | `#d1a534` | `oklch(74.41% 0.1350 86.47)` | Kingdom Gold | black, 9.1 to 1 |
| 5 | `#4b8a5b` | `oklch(57.87% 0.0978 150.93)` | Onion Seedling | black, 5.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #373d83 0.000% 20.000%, #676ca6 20.000% 40.000%, #a8a7a2 40.000% 60.000%, #d1a534 60.000% 80.000%, #4b8a5b 80.000% 100.000%);
background: linear-gradient(90deg, oklch(39.37% 0.1157 276.33) 0.000% 20.000%, oklch(55.12% 0.0909 279.50) 20.000% 40.000%, oklch(72.83% 0.0069 97.03) 40.000% 60.000%, oklch(74.41% 0.1350 86.47) 60.000% 80.000%, oklch(57.87% 0.0978 150.93) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.116 | 276.3 |
| 2 | 0.551 | 0.091 | 279.5 |
| 3 | 0.728 | 0.007 | 457 |
| 4 | 0.744 | 0.135 | 446.5 |
| 5 | 0.579 | 0.098 | 510.9 |

## In these collections

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

## Other forms

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