# Indigo, moss and orange moody palette

The Indigo, moss and orange moody palette brings together blue, green, gold, and orange. The colors span a moderate lightness range, combining strong 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 orange.

- Also called: Vivid blue, green and orange linear swatches
- Seed: `kcZoHJNS-9jubO3CnzhSio8lErvLWMLx17m9o`
- Page: https://grabient.com/kcZoHJNS-9jubO3CnzhSio8lErvLWMLx17m9o?style=linearSwatches&steps=26&angle=150
- Drawn as: linear swatches, 26 steps, 150 degrees
- Kinds: vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.3 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 | `#412da2` | `oklch(40.16% 0.1778 282.66)` | Purple Cabbage | white, 9.8 to 1 |
| 2 | `#3b33a0` | `oklch(40.38% 0.1683 279.00)` | Purple Cabbage | white, 9.6 to 1 |
| 3 | `#333b9b` | `oklch(40.71% 0.1547 273.74)` | Liquid Denim | white, 9.3 to 1 |
| 4 | `#294396` | `oklch(41.26% 0.1394 267.02)` | Cascade Twilight | white, 9 to 1 |
| 5 | `#1e4b90` | `oklch(42.18% 0.1241 259.01)` | Dancing Sea | white, 8.5 to 1 |
| 6 | `#195389` | `oklch(43.51% 0.1058 249.92)` | Frank Blue | white, 7.9 to 1 |
| 7 | `#1b5b81` | `oklch(45.06% 0.0878 239.29)` | Oceanic Motion | white, 7.3 to 1 |
| 8 | `#20627a` | `oklch(46.64% 0.0754 226.56)` | Holiday Velvet | white, 6.7 to 1 |
| 9 | `#206974` | `oklch(48.14% 0.0720 210.11)` | Persian Mosaic | white, 6.3 to 1 |
| 10 | `#20706c` | `oklch(49.67% 0.0748 190.27)` | Advantageous | white, 5.8 to 1 |
| 11 | `#2c7661` | `oklch(51.23% 0.0809 171.09)` | Majorelle Gardens | white, 5.4 to 1 |
| 12 | `#3b7a56` | `oklch(52.82% 0.0873 156.57)` | Amazon | white, 5 to 1 |
| 13 | `#477f4e` | `oklch(54.48% 0.0960 147.11)` | Tarmac Green | white, 4.7 to 1 |
| 14 | `#518447` | `oklch(56.15% 0.1060 140.24)` | Beanpole | black, 4.7 to 1 |
| 15 | `#5d883e` | `oklch(57.81% 0.1142 133.68)` | Golf Day | black, 5 to 1 |
| 16 | `#6d8b35` | `oklch(59.42% 0.1181 126.01)` | Pesto di Rucola | black, 5.3 to 1 |
| 17 | `#7d8d2f` | `oklch(61.03% 0.1189 118.41)` | Sassy Grass | black, 5.6 to 1 |
| 18 | `#8c8e2c` | `oklch(62.57% 0.1188 110.78)` | Wasabi Nuts | black, 6 to 1 |
| 19 | `#9a8f27` | `oklch(63.97% 0.1202 102.91)` | Nurgle’s Rot | black, 6.2 to 1 |
| 20 | `#a88e22` | `oklch(65.25% 0.1232 94.39)` | Titanite Yellow | black, 6.5 to 1 |
| 21 | `#b68d20` | `oklch(66.42% 0.1269 85.65)` | Loden Yellow | black, 6.8 to 1 |
| 22 | `#c38a20` | `oklch(67.38% 0.1314 77.55)` | Auric | black, 6.9 to 1 |
| 23 | `#cd8820` | `oklch(68.07% 0.1373 70.63)` | Chicken Masala | black, 7.1 to 1 |
| 24 | `#d6841f` | `oklch(68.49% 0.1452 64.35)` | Dulce de Leche | black, 7.1 to 1 |
| 25 | `#de7f1f` | `oklch(68.73% 0.1530 59.10)` | Sports Fan | black, 7.1 to 1 |
| 26 | `#e37c21` | `oklch(68.90% 0.1585 55.45)` | First of Fall | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(150deg, #412da2 0.000% 3.846%, #3b33a0 3.846% 7.692%, #333b9b 7.692% 11.538%, #294396 11.538% 15.385%, #1e4b90 15.385% 19.231%, #195389 19.231% 23.077%, #1b5b81 23.077% 26.923%, #20627a 26.923% 30.769%, #206974 30.769% 34.615%, #20706c 34.615% 38.462%, #2c7661 38.462% 42.308%, #3b7a56 42.308% 46.154%, #477f4e 46.154% 50.000%, #518447 50.000% 53.846%, #5d883e 53.846% 57.692%, #6d8b35 57.692% 61.538%, #7d8d2f 61.538% 65.385%, #8c8e2c 65.385% 69.231%, #9a8f27 69.231% 73.077%, #a88e22 73.077% 76.923%, #b68d20 76.923% 80.769%, #c38a20 80.769% 84.615%, #cd8820 84.615% 88.462%, #d6841f 88.462% 92.308%, #de7f1f 92.308% 96.154%, #e37c21 96.154% 100.000%);
background: linear-gradient(150deg, oklch(40.16% 0.1778 282.66) 0.000% 3.846%, oklch(40.38% 0.1683 279.00) 3.846% 7.692%, oklch(40.71% 0.1547 273.74) 7.692% 11.538%, oklch(41.26% 0.1394 267.02) 11.538% 15.385%, oklch(42.18% 0.1241 259.01) 15.385% 19.231%, oklch(43.51% 0.1058 249.92) 19.231% 23.077%, oklch(45.06% 0.0878 239.29) 23.077% 26.923%, oklch(46.64% 0.0754 226.56) 26.923% 30.769%, oklch(48.14% 0.0720 210.11) 30.769% 34.615%, oklch(49.67% 0.0748 190.27) 34.615% 38.462%, oklch(51.23% 0.0809 171.09) 38.462% 42.308%, oklch(52.82% 0.0873 156.57) 42.308% 46.154%, oklch(54.48% 0.0960 147.11) 46.154% 50.000%, oklch(56.15% 0.1060 140.24) 50.000% 53.846%, oklch(57.81% 0.1142 133.68) 53.846% 57.692%, oklch(59.42% 0.1181 126.01) 57.692% 61.538%, oklch(61.03% 0.1189 118.41) 61.538% 65.385%, oklch(62.57% 0.1188 110.78) 65.385% 69.231%, oklch(63.97% 0.1202 102.91) 69.231% 73.077%, oklch(65.25% 0.1232 94.39) 73.077% 76.923%, oklch(66.42% 0.1269 85.65) 76.923% 80.769%, oklch(67.38% 0.1314 77.55) 80.769% 84.615%, oklch(68.07% 0.1373 70.63) 84.615% 88.462%, oklch(68.49% 0.1452 64.35) 88.462% 92.308%, oklch(68.73% 0.1530 59.10) 92.308% 96.154%, oklch(68.90% 0.1585 55.45) 96.154% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.178 | 282.7 |
| 2 | 0.417 | 0.131 | 262.6 |
| 3 | 0.469 | 0.074 | 224.5 |
| 4 | 0.524 | 0.085 | 160.1 |
| 5 | 0.583 | 0.116 | 131.5 |
| 6 | 0.638 | 0.12 | 104.1 |
| 7 | 0.677 | 0.134 | 74.5 |
| 8 | 0.689 | 0.158 | 55.5 |

## In these collections

- [Moody gradients](https://grabient.com/moody-gradients)

## Other forms

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