# Indigo and olive spring thunder over veld

The Indigo and olive spring thunder over veld brings together blue, yellow, and gold. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is yellow.

- Also called: Blue, gray, olive and tan linear gradient
- Seed: `kcYJS_LLlAK-Mv26ES1Rye_dKrv7bKUAXxtAo`
- Page: https://grabient.com/kcYJS_LLlAK-Mv26ES1Rye_dKrv7bKUAXxtAo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#1c27ab` | `oklch(37.80% 0.2039 268.59)` | International Blue | white, 10.9 to 1 |
| 2 | `#1d27a6` | `oklch(37.26% 0.1980 269.05)` | International Klein Blue | white, 11.1 to 1 |
| 3 | `#1e26a0` | `oklch(36.45% 0.1902 269.76)` | Deepsea Kraken | white, 11.4 to 1 |
| 4 | `#1f2698` | `oklch(35.65% 0.1795 270.42)` | Deepsea Kraken | white, 11.7 to 1 |
| 5 | `#20298f` | `oklch(35.12% 0.1648 270.74)` | Blue Torus | white, 11.8 to 1 |
| 6 | `#232d84` | `oklch(35.05% 0.1440 271.58)` | Deep Space Royal | white, 11.7 to 1 |
| 7 | `#2d3275` | `oklch(35.26% 0.1137 275.90)` | Ballpoint Indigo | white, 11.5 to 1 |
| 8 | `#343765` | `oklch(35.73% 0.0802 279.41)` | Rhynchites Nitens | white, 11.2 to 1 |
| 9 | `#383c59` | `oklch(36.50% 0.0508 277.04)` | Magic Night | white, 10.7 to 1 |
| 10 | `#384153` | `oklch(37.58% 0.0328 263.64)` | Mood Indigo | white, 10.2 to 1 |
| 11 | `#374851` | `oklch(39.07% 0.0268 232.94)` | Limed Spruce | white, 9.5 to 1 |
| 12 | `#384f4e` | `oklch(40.90% 0.0287 190.91)` | Night Watch | white, 8.7 to 1 |
| 13 | `#435545` | `oklch(42.95% 0.0356 148.12)` | Castellan Green | white, 7.9 to 1 |
| 14 | `#54593c` | `oklch(45.07% 0.0444 115.16)` | Blue Black Crayfish | white, 7.3 to 1 |
| 15 | `#635c37` | `oklch(47.22% 0.0546 99.63)` | Beach Casuarina | white, 6.7 to 1 |
| 16 | `#6e6231` | `oklch(49.54% 0.0696 96.15)` | Himalaya | white, 6 to 1 |
| 17 | `#756928` | `oklch(51.94% 0.0863 99.24)` | Brazen Brass | white, 5.4 to 1 |
| 18 | `#7a721f` | `oklch(54.30% 0.1012 103.69)` | Wood Garlic | white, 4.9 to 1 |
| 19 | `#817919` | `oklch(56.53% 0.1110 104.60)` | Soft Fig | black, 4.6 to 1 |
| 20 | `#887f18` | `oklch(58.69% 0.1163 103.93)` | Olive | black, 5 to 1 |
| 21 | `#90851c` | `oklch(60.80% 0.1188 103.37)` | Thicket Green | black, 5.5 to 1 |
| 22 | `#968b24` | `oklch(62.82% 0.1196 102.95)` | Potter Green | black, 6 to 1 |
| 23 | `#9c912b` | `oklch(64.70% 0.1198 102.70)` | Sleepy Hamlet | black, 6.4 to 1 |
| 24 | `#a29631` | `oklch(66.46% 0.1202 102.61)` | Rapeseed Oil | black, 6.9 to 1 |
| 25 | `#a79b37` | `oklch(68.12% 0.1199 102.63)` | Pestulance | black, 7.3 to 1 |
| 26 | `#aba03f` | `oklch(69.64% 0.1185 102.85)` | Machine Green | black, 7.8 to 1 |
| 27 | `#aea447` | `oklch(70.98% 0.1156 103.32)` | The Goods | black, 8.2 to 1 |
| 28 | `#b0a851` | `oklch(72.11% 0.1103 104.17)` | Pickled | black, 8.5 to 1 |
| 29 | `#b0ac5d` | `oklch(73.04% 0.1015 105.62)` | Palm Frond | black, 8.9 to 1 |
| 30 | `#b0af69` | `oklch(73.79% 0.0910 107.35)` | Rodham | black, 9.1 to 1 |
| 31 | `#b0b174` | `oklch(74.38% 0.0811 108.97)` | Timothy Grass | black, 9.3 to 1 |
| 32 | `#b0b27b` | `oklch(74.80% 0.0744 110.08)` | Weeping Willow | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #1c27ab 0.0%, #1d27a6 3.2%, #1e26a0 6.5%, #1f2698 9.7%, #20298f 12.9%, #232d84 16.1%, #2d3275 19.4%, #343765 22.6%, #383c59 25.8%, #384153 29.0%, #374851 32.3%, #384f4e 35.5%, #435545 38.7%, #54593c 41.9%, #635c37 45.2%, #6e6231 48.4%, #756928 51.6%, #7a721f 54.8%, #817919 58.1%, #887f18 61.3%, #90851c 64.5%, #968b24 67.7%, #9c912b 71.0%, #a29631 74.2%, #a79b37 77.4%, #aba03f 80.6%, #aea447 83.9%, #b0a851 87.1%, #b0ac5d 90.3%, #b0af69 93.5%, #b0b174 96.8%, #b0b27b 100.0%);
background: linear-gradient(135deg in oklch, oklch(37.80% 0.2039 268.59) 0.0%, oklch(37.26% 0.1980 269.05) 3.2%, oklch(36.45% 0.1902 269.76) 6.5%, oklch(35.65% 0.1795 270.42) 9.7%, oklch(35.12% 0.1648 270.74) 12.9%, oklch(35.05% 0.1440 271.58) 16.1%, oklch(35.26% 0.1137 275.90) 19.4%, oklch(35.73% 0.0802 279.41) 22.6%, oklch(36.50% 0.0508 277.04) 25.8%, oklch(37.58% 0.0328 263.64) 29.0%, oklch(39.07% 0.0268 232.94) 32.3%, oklch(40.90% 0.0287 190.91) 35.5%, oklch(42.95% 0.0356 148.12) 38.7%, oklch(45.07% 0.0444 115.16) 41.9%, oklch(47.22% 0.0546 99.63) 45.2%, oklch(49.54% 0.0696 96.15) 48.4%, oklch(51.94% 0.0863 99.24) 51.6%, oklch(54.30% 0.1012 103.69) 54.8%, oklch(56.53% 0.1110 104.60) 58.1%, oklch(58.69% 0.1163 103.93) 61.3%, oklch(60.80% 0.1188 103.37) 64.5%, oklch(62.82% 0.1196 102.95) 67.7%, oklch(64.70% 0.1198 102.70) 71.0%, oklch(66.46% 0.1202 102.61) 74.2%, oklch(68.12% 0.1199 102.63) 77.4%, oklch(69.64% 0.1185 102.85) 80.6%, oklch(70.98% 0.1156 103.32) 83.9%, oklch(72.11% 0.1103 104.17) 87.1%, oklch(73.04% 0.1015 105.62) 90.3%, oklch(73.79% 0.0910 107.35) 93.5%, oklch(74.38% 0.0811 108.97) 96.8%, oklch(74.80% 0.0744 110.08) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.204 | 268.6 |
| 2 | 0.35 | 0.157 | 270.7 |
| 3 | 0.374 | 0.034 | 266.5 |
| 4 | 0.457 | 0.047 | 109 |
| 5 | 0.559 | 0.109 | 104.8 |
| 6 | 0.65 | 0.12 | 102.7 |
| 7 | 0.717 | 0.113 | 103.7 |
| 8 | 0.748 | 0.074 | 110.1 |

## In these collections

- [Spring thunder over veld](https://grabient.com/spring-thunder-over-veld)

## Other forms

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