# Indigo, sage and crimson tetradic palette

The Indigo, sage and crimson tetradic palette brings together blue, teal, green, 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 green.

- Also called: Muted rainbow from purple to brown linear gradient
- Seed: `kYYz_ORZw_keZs3WJbnViW4satum`
- Page: https://grabient.com/kYYz_ORZw_keZs3WJbnViW4satum?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#453c70` | `oklch(38.98% 0.0868 289.69)` | Opera Blue | white, 9.8 to 1 |
| 2 | `#4a4075` | `oklch(40.78% 0.0858 290.47)` | Deep Wisteria | white, 9.1 to 1 |
| 3 | `#52477b` | `oklch(43.39% 0.0843 292.51)` | Grand Purple | white, 8.2 to 1 |
| 4 | `#5c4f83` | `oklch(46.44% 0.0826 294.55)` | Freshly Purpleized | white, 7.2 to 1 |
| 5 | `#66588b` | `oklch(49.54% 0.0808 295.34)` | Butterfly Bush | white, 6.2 to 1 |
| 6 | `#6c6193` | `oklch(52.33% 0.0790 293.63)` | Prime Purple | white, 5.5 to 1 |
| 7 | `#6e699b` | `oklch(54.42% 0.0774 288.17)` | Pandora | white, 5 to 1 |
| 8 | `#686f9f` | `oklch(55.55% 0.0759 277.51)` | Kimberlite | white, 4.8 to 1 |
| 9 | `#5c74a0` | `oklch(55.92% 0.0738 261.72)` | Blue Yonder | white, 4.6 to 1 |
| 10 | `#4d799b` | `oklch(55.85% 0.0716 242.74)` | Tech Wave | white, 4.6 to 1 |
| 11 | `#407d91` | `oklch(55.62% 0.0699 222.54)` | Larkspur | white, 4.6 to 1 |
| 12 | `#3b7f85` | `oklch(55.56% 0.0691 203.08)` | Pacific Sea Teal | white, 4.5 to 1 |
| 13 | `#3e827b` | `oklch(55.95% 0.0696 186.34)` | Bubble Turquoise | black, 4.6 to 1 |
| 14 | `#468674` | `oklch(57.06% 0.0720 173.74)` | Think Leaf | black, 4.8 to 1 |
| 15 | `#4e8b70` | `oklch(58.83% 0.0768 163.89)` | Molly Robins | black, 5.2 to 1 |
| 16 | `#58926e` | `oklch(60.97% 0.0830 155.80)` | DaVanzo Green | black, 5.7 to 1 |
| 17 | `#62996b` | `oklch(63.23% 0.0898 148.70)` | Leafy | black, 6.2 to 1 |
| 18 | `#6e9f68` | `oklch(65.34% 0.0962 141.77)` | Blackthorn Green | black, 6.8 to 1 |
| 19 | `#7ba362` | `oklch(67.02% 0.1013 134.22)` | Springview Green | black, 7.2 to 1 |
| 20 | `#89a45a` | `oklch(68.06% 0.1042 125.35)` | Chelsea Cucumber | black, 7.5 to 1 |
| 21 | `#98a253` | `oklch(68.73% 0.1051 115.57)` | Overt Green | black, 7.6 to 1 |
| 22 | `#a59f4d` | `oklch(69.11% 0.1047 105.35)` | Poplar | black, 7.6 to 1 |
| 23 | `#b09b4b` | `oklch(69.18% 0.1037 94.98)` | Spanish Gold | black, 7.6 to 1 |
| 24 | `#b9964b` | `oklch(68.95% 0.1027 84.77)` | Alluvial Inca | black, 7.5 to 1 |
| 25 | `#bf904c` | `oklch(68.40% 0.1025 75.02)` | Tussock | black, 7.2 to 1 |
| 26 | `#c2894d` | `oklch(67.50% 0.1037 66.02)` | Toffee Tart | black, 6.9 to 1 |
| 27 | `#c3804d` | `oklch(65.94% 0.1066 57.14)` | Fuegan Orange | black, 6.5 to 1 |
| 28 | `#c1764d` | `oklch(63.79% 0.1104 48.29)` | Monarch Migration | black, 5.9 to 1 |
| 29 | `#be6a4d` | `oklch(61.37% 0.1148 39.88)` | Warm Cider | black, 5.3 to 1 |
| 30 | `#b9604e` | `oklch(58.98% 0.1191 32.31)` | Tandoori | black, 4.8 to 1 |
| 31 | `#b45750` | `oklch(56.92% 0.1228 25.97)` | Deep Rose | white, 4.7 to 1 |
| 32 | `#b15152` | `oklch(55.51% 0.1254 21.27)` | Mineral Red | white, 5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #453c70 0.0%, #4a4075 3.2%, #52477b 6.5%, #5c4f83 9.7%, #66588b 12.9%, #6c6193 16.1%, #6e699b 19.4%, #686f9f 22.6%, #5c74a0 25.8%, #4d799b 29.0%, #407d91 32.3%, #3b7f85 35.5%, #3e827b 38.7%, #468674 41.9%, #4e8b70 45.2%, #58926e 48.4%, #62996b 51.6%, #6e9f68 54.8%, #7ba362 58.1%, #89a45a 61.3%, #98a253 64.5%, #a59f4d 67.7%, #b09b4b 71.0%, #b9964b 74.2%, #bf904c 77.4%, #c2894d 80.6%, #c3804d 83.9%, #c1764d 87.1%, #be6a4d 90.3%, #b9604e 93.5%, #b45750 96.8%, #b15152 100.0%);
background: linear-gradient(135deg in oklch, oklch(38.98% 0.0868 289.69) 0.0%, oklch(40.78% 0.0858 290.47) 3.2%, oklch(43.39% 0.0843 292.51) 6.5%, oklch(46.44% 0.0826 294.55) 9.7%, oklch(49.54% 0.0808 295.34) 12.9%, oklch(52.33% 0.0790 293.63) 16.1%, oklch(54.42% 0.0774 288.17) 19.4%, oklch(55.55% 0.0759 277.51) 22.6%, oklch(55.92% 0.0738 261.72) 25.8%, oklch(55.85% 0.0716 242.74) 29.0%, oklch(55.62% 0.0699 222.54) 32.3%, oklch(55.56% 0.0691 203.08) 35.5%, oklch(55.95% 0.0696 186.34) 38.7%, oklch(57.06% 0.0720 173.74) 41.9%, oklch(58.83% 0.0768 163.89) 45.2%, oklch(60.97% 0.0830 155.80) 48.4%, oklch(63.23% 0.0898 148.70) 51.6%, oklch(65.34% 0.0962 141.77) 54.8%, oklch(67.02% 0.1013 134.22) 58.1%, oklch(68.06% 0.1042 125.35) 61.3%, oklch(68.73% 0.1051 115.57) 64.5%, oklch(69.11% 0.1047 105.35) 67.7%, oklch(69.18% 0.1037 94.98) 71.0%, oklch(68.95% 0.1027 84.77) 74.2%, oklch(68.40% 0.1025 75.02) 77.4%, oklch(67.50% 0.1037 66.02) 80.6%, oklch(65.94% 0.1066 57.14) 83.9%, oklch(63.79% 0.1104 48.29) 87.1%, oklch(61.37% 0.1148 39.88) 90.3%, oklch(58.98% 0.1191 32.31) 93.5%, oklch(56.92% 0.1228 25.97) 96.8%, oklch(55.51% 0.1254 21.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.087 | 289.7 |
| 2 | 0.547 | 0.077 | 286.5 |
| 3 | 0.563 | 0.07 | 180.8 |
| 4 | 0.677 | 0.103 | 129.1 |
| 5 | 0.677 | 0.103 | 67.8 |
| 6 | 0.555 | 0.125 | 21.3 |

## In these collections

- [Tetradic color palette](https://grabient.com/tetradic-color-palette)

## Other forms

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