# Ochre spring thunder over veld

The Ochre spring thunder over veld brings together gold, light orange, magenta, purple, blue, and teal. The colors span a moderate lightness range, combining moderate 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 gold.

- Also called: Tritone tan, purple and navy radial gradient
- Seed: `kctlQ8YCQ_luRvHPkrXvxw868XvgnjrvLA86o`
- Page: https://grabient.com/kctlQ8YCQ_luRvHPkrXvxw868XvgnjrvLA86o?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: light to dark, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.9 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 | `#c59d45` | `oklch(71.65% 0.1157 84.38)` | Golden Field | black, 8.2 to 1 |
| 2 | `#c7a04a` | `oklch(72.42% 0.1138 84.40)` | Goldbricker | black, 8.5 to 1 |
| 3 | `#caa450` | `oklch(73.58% 0.1113 84.64)` | Golden Sheaf | black, 8.9 to 1 |
| 4 | `#cda758` | `oklch(74.74% 0.1077 84.29)` | Excitable | black, 9.2 to 1 |
| 5 | `#cfa960` | `oklch(75.49% 0.1022 82.57)` | Ginger Crunch | black, 9.5 to 1 |
| 6 | `#d0a969` | `oklch(75.54% 0.0939 79.08)` | Artemis | black, 9.5 to 1 |
| 7 | `#cda773` | `oklch(75.13% 0.0815 74.89)` | Balsam Brown | black, 9.3 to 1 |
| 8 | `#c8a57d` | `oklch(74.33% 0.0676 69.26)` | Siesta Dreams | black, 9.1 to 1 |
| 9 | `#c3a185` | `oklch(73.22% 0.0552 61.20)` | Pacific Bluffs | black, 8.7 to 1 |
| 10 | `#be9c8a` | `oklch(71.83% 0.0475 49.69)` | Chestnut Bisque | black, 8.2 to 1 |
| 11 | `#b9958e` | `oklch(70.12% 0.0445 32.24)` | Cherry Taupe | black, 7.7 to 1 |
| 12 | `#b28e92` | `oklch(68.07% 0.0447 10.68)` | Deauville Mauve | black, 7.1 to 1 |
| 13 | `#a88696` | `oklch(65.78% 0.0469 348.94)` | Mohair Pink | black, 6.5 to 1 |
| 14 | `#9c7f98` | `oklch(63.32% 0.0500 330.97)` | Mixed Berries | black, 5.9 to 1 |
| 15 | `#917897` | `oklch(60.70% 0.0543 319.52)` | Sweet Potato Peel | black, 5.3 to 1 |
| 16 | `#866f94` | `oklch(57.81% 0.0612 312.52)` | Baroness Mauve | black, 4.7 to 1 |
| 17 | `#7c6690` | `oklch(54.77% 0.0688 308.12)` | Clematis | white, 5 to 1 |
| 18 | `#725d8b` | `oklch(51.72% 0.0749 304.62)` | Emperor Jewel | white, 5.7 to 1 |
| 19 | `#675585` | `oklch(48.77% 0.0775 300.46)` | Vigorous Violet | white, 6.5 to 1 |
| 20 | `#5c4e7d` | `oklch(45.72% 0.0768 296.99)` | Imperial Palace | white, 7.4 to 1 |
| 21 | `#514673` | `oklch(42.65% 0.0739 294.18)` | Grand Purple | white, 8.4 to 1 |
| 22 | `#47406a` | `oklch(39.77% 0.0698 291.07)` | Evening Mauve | white, 9.5 to 1 |
| 23 | `#3e3b61` | `oklch(37.31% 0.0654 286.66)` | Patriot Blue | white, 10.4 to 1 |
| 24 | `#35375a` | `oklch(35.30% 0.0603 280.45)` | Very Blue | white, 11.3 to 1 |
| 25 | `#2e3553` | `oklch(33.58% 0.0539 273.07)` | Tiě Hēi Metal | white, 12 to 1 |
| 26 | `#27334c` | `oklch(32.23% 0.0473 264.84)` | Blue Lobelia | white, 12.6 to 1 |
| 27 | `#233246` | `oklch(31.35% 0.0420 256.09)` | Crow Black | white, 12.9 to 1 |
| 28 | `#203243` | `oklch(31.09% 0.0391 246.88)` | Blue Whale | white, 13 to 1 |
| 29 | `#1e3543` | `oklch(31.67% 0.0385 235.81)` | Blue Whale | white, 12.7 to 1 |
| 30 | `#1c3944` | `oklch(32.76% 0.0393 224.17)` | Astral Nomad | white, 12.1 to 1 |
| 31 | `#1c3d44` | `oklch(33.90% 0.0406 213.81)` | Sunken Harbour | white, 11.6 to 1 |
| 32 | `#1d4044` | `oklch(34.65% 0.0413 206.61)` | Bay Isle Pointe | white, 11.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c59d45 0.0%, #c7a04a 3.2%, #caa450 6.5%, #cda758 9.7%, #cfa960 12.9%, #d0a969 16.1%, #cda773 19.4%, #c8a57d 22.6%, #c3a185 25.8%, #be9c8a 29.0%, #b9958e 32.3%, #b28e92 35.5%, #a88696 38.7%, #9c7f98 41.9%, #917897 45.2%, #866f94 48.4%, #7c6690 51.6%, #725d8b 54.8%, #675585 58.1%, #5c4e7d 61.3%, #514673 64.5%, #47406a 67.7%, #3e3b61 71.0%, #35375a 74.2%, #2e3553 77.4%, #27334c 80.6%, #233246 83.9%, #203243 87.1%, #1e3543 90.3%, #1c3944 93.5%, #1c3d44 96.8%, #1d4044 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(71.65% 0.1157 84.38) 0.0%, oklch(72.42% 0.1138 84.40) 3.2%, oklch(73.58% 0.1113 84.64) 6.5%, oklch(74.74% 0.1077 84.29) 9.7%, oklch(75.49% 0.1022 82.57) 12.9%, oklch(75.54% 0.0939 79.08) 16.1%, oklch(75.13% 0.0815 74.89) 19.4%, oklch(74.33% 0.0676 69.26) 22.6%, oklch(73.22% 0.0552 61.20) 25.8%, oklch(71.83% 0.0475 49.69) 29.0%, oklch(70.12% 0.0445 32.24) 32.3%, oklch(68.07% 0.0447 10.68) 35.5%, oklch(65.78% 0.0469 348.94) 38.7%, oklch(63.32% 0.0500 330.97) 41.9%, oklch(60.70% 0.0543 319.52) 45.2%, oklch(57.81% 0.0612 312.52) 48.4%, oklch(54.77% 0.0688 308.12) 51.6%, oklch(51.72% 0.0749 304.62) 54.8%, oklch(48.77% 0.0775 300.46) 58.1%, oklch(45.72% 0.0768 296.99) 61.3%, oklch(42.65% 0.0739 294.18) 64.5%, oklch(39.77% 0.0698 291.07) 67.7%, oklch(37.31% 0.0654 286.66) 71.0%, oklch(35.30% 0.0603 280.45) 74.2%, oklch(33.58% 0.0539 273.07) 77.4%, oklch(32.23% 0.0473 264.84) 80.6%, oklch(31.35% 0.0420 256.09) 83.9%, oklch(31.09% 0.0391 246.88) 87.1%, oklch(31.67% 0.0385 235.81) 90.3%, oklch(32.76% 0.0393 224.17) 93.5%, oklch(33.90% 0.0406 213.81) 96.8%, oklch(34.65% 0.0413 206.61) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.717 | 0.116 | 84.4 |
| 2 | 0.756 | 0.099 | 81.2 |
| 3 | 0.72 | 0.048 | 51.6 |
| 4 | 0.626 | 0.051 | -32.9 |
| 5 | 0.496 | 0.077 | -58.3 |
| 6 | 0.37 | 0.065 | -74.1 |
| 7 | 0.311 | 0.04 | -109 |
| 8 | 0.346 | 0.041 | -153.4 |

## In these collections

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

## Other forms

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