# Navy and tan spring thunder over veld

The Navy and tan spring thunder over veld brings together blue, teal, green, and orange. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Analogous blue, teal and gray radial gradient
- Seed: `kWXUq4vyO-M8YPRXDTiUxI24`
- Page: https://grabient.com/kWXUq4vyO-M8YPRXDTiUxI24?style=radialGradient&steps=32&angle=135
- Drawn as: radial gradient, 32 steps, 135 degrees
- Kinds: cool
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.8 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 | `#1b3d73` | `oklch(36.61% 0.1020 259.45)` | Ashenvale Nights | white, 10.7 to 1 |
| 2 | `#1c4076` | `oklch(37.66% 0.1018 258.34)` | Blue Expanse | white, 10.2 to 1 |
| 3 | `#1d457a` | `oklch(39.05% 0.1019 256.92)` | Theatre Blue | white, 9.6 to 1 |
| 4 | `#1e4a7f` | `oklch(40.72% 0.1019 255.24)` | Theatre Blue | white, 8.9 to 1 |
| 5 | `#205084` | `oklch(42.56% 0.1019 253.32)` | Clear Night Sky | white, 8.2 to 1 |
| 6 | `#22568a` | `oklch(44.50% 0.1015 251.21)` | Strong Will | white, 7.5 to 1 |
| 7 | `#245c8f` | `oklch(46.44% 0.1007 248.93)` | Sapphire Lace | white, 6.9 to 1 |
| 8 | `#276393` | `oklch(48.31% 0.0993 246.53)` | Starry Night | white, 6.4 to 1 |
| 9 | `#2a6896` | `oklch(50.02% 0.0972 244.04)` | Blues | white, 5.9 to 1 |
| 10 | `#2f6e99` | `oklch(51.73% 0.0943 241.69)` | Vallarta Blue | white, 5.5 to 1 |
| 11 | `#34749c` | `oklch(53.48% 0.0906 239.44)` | Male Betta | white, 5 to 1 |
| 12 | `#3b7a9e` | `oklch(55.24% 0.0864 237.08)` | Blue Dart Frog | white, 4.7 to 1 |
| 13 | `#427fa0` | `oklch(56.96% 0.0819 234.45)` | Cendre Blue | black, 4.7 to 1 |
| 14 | `#4884a2` | `oklch(58.62% 0.0772 231.34)` | Jay Bird | black, 5.1 to 1 |
| 15 | `#4e8aa3` | `oklch(60.17% 0.0726 227.60)` | Cossack Dancer | black, 5.4 to 1 |
| 16 | `#548ea3` | `oklch(61.57% 0.0682 223.01)` | Aegean Sea | black, 5.7 to 1 |
| 17 | `#5a92a2` | `oklch(62.81% 0.0641 217.43)` | Manitou Blue | black, 6 to 1 |
| 18 | `#6096a1` | `oklch(63.96% 0.0595 210.89)` | Lakeshore | black, 6.3 to 1 |
| 19 | `#67999e` | `oklch(65.04% 0.0547 203.54)` | Desaturated Cyan | black, 6.6 to 1 |
| 20 | `#6e9c9c` | `oklch(66.01% 0.0499 195.55)` | Palmetto | black, 6.9 to 1 |
| 21 | `#759e99` | `oklch(66.85% 0.0454 187.06)` | Vizcaya | black, 7.1 to 1 |
| 22 | `#7ca097` | `oklch(67.55% 0.0414 178.25)` | Mountain Outlook | black, 7.3 to 1 |
| 23 | `#82a195` | `oklch(68.09% 0.0382 169.26)` | Australian Jade | black, 7.4 to 1 |
| 24 | `#87a192` | `oklch(68.45% 0.0361 160.24)` | Australian Jade | black, 7.5 to 1 |
| 25 | `#8ba18f` | `oklch(68.56% 0.0355 150.86)` | Hillside View | black, 7.5 to 1 |
| 26 | `#8e9f8a` | `oklch(68.37% 0.0362 140.25)` | Hillside View | black, 7.4 to 1 |
| 27 | `#919d84` | `oklch(67.96% 0.0380 128.93)` | Whispering Willow | black, 7.3 to 1 |
| 28 | `#949a7e` | `oklch(67.40% 0.0405 117.48)` | Lucky Day | black, 7.1 to 1 |
| 29 | `#979778` | `oklch(66.78% 0.0432 106.47)` | Milkweed Pod | black, 7 to 1 |
| 30 | `#9b9373` | `oklch(66.18% 0.0459 96.49)` | Mossy Gold | black, 6.8 to 1 |
| 31 | `#9d9070` | `oklch(65.68% 0.0482 88.11)` | Saddle Soap | black, 6.6 to 1 |
| 32 | `#a08e6e` | `oklch(65.35% 0.0496 81.92)` | Stonecrop | black, 6.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1b3d73 0.0%, #1c4076 3.2%, #1d457a 6.5%, #1e4a7f 9.7%, #205084 12.9%, #22568a 16.1%, #245c8f 19.4%, #276393 22.6%, #2a6896 25.8%, #2f6e99 29.0%, #34749c 32.3%, #3b7a9e 35.5%, #427fa0 38.7%, #4884a2 41.9%, #4e8aa3 45.2%, #548ea3 48.4%, #5a92a2 51.6%, #6096a1 54.8%, #67999e 58.1%, #6e9c9c 61.3%, #759e99 64.5%, #7ca097 67.7%, #82a195 71.0%, #87a192 74.2%, #8ba18f 77.4%, #8e9f8a 80.6%, #919d84 83.9%, #949a7e 87.1%, #979778 90.3%, #9b9373 93.5%, #9d9070 96.8%, #a08e6e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(36.61% 0.1020 259.45) 0.0%, oklch(37.66% 0.1018 258.34) 3.2%, oklch(39.05% 0.1019 256.92) 6.5%, oklch(40.72% 0.1019 255.24) 9.7%, oklch(42.56% 0.1019 253.32) 12.9%, oklch(44.50% 0.1015 251.21) 16.1%, oklch(46.44% 0.1007 248.93) 19.4%, oklch(48.31% 0.0993 246.53) 22.6%, oklch(50.02% 0.0972 244.04) 25.8%, oklch(51.73% 0.0943 241.69) 29.0%, oklch(53.48% 0.0906 239.44) 32.3%, oklch(55.24% 0.0864 237.08) 35.5%, oklch(56.96% 0.0819 234.45) 38.7%, oklch(58.62% 0.0772 231.34) 41.9%, oklch(60.17% 0.0726 227.60) 45.2%, oklch(61.57% 0.0682 223.01) 48.4%, oklch(62.81% 0.0641 217.43) 51.6%, oklch(63.96% 0.0595 210.89) 54.8%, oklch(65.04% 0.0547 203.54) 58.1%, oklch(66.01% 0.0499 195.55) 61.3%, oklch(66.85% 0.0454 187.06) 64.5%, oklch(67.55% 0.0414 178.25) 67.7%, oklch(68.09% 0.0382 169.26) 71.0%, oklch(68.45% 0.0361 160.24) 74.2%, oklch(68.56% 0.0355 150.86) 77.4%, oklch(68.37% 0.0362 140.25) 80.6%, oklch(67.96% 0.0380 128.93) 83.9%, oklch(67.40% 0.0405 117.48) 87.1%, oklch(66.78% 0.0432 106.47) 90.3%, oklch(66.18% 0.0459 96.49) 93.5%, oklch(65.68% 0.0482 88.11) 96.8%, oklch(65.35% 0.0496 81.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.366 | 0.102 | 259.5 |
| 2 | 0.496 | 0.098 | 244.7 |
| 3 | 0.622 | 0.066 | 220.4 |
| 4 | 0.685 | 0.036 | 158 |
| 5 | 0.654 | 0.05 | 81.9 |

## In these collections

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

## Other forms

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