# Stormbreak over Canola

The Dusty blue canola fields storm sky brings together blue, orange, gold, light green, and light teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light green.

- Also called: Pastel rainbow from navy to blue linear gradient
- Seed: `kcTSHHsBdOEctwjdMsIa7NDG8tw9opsWWy_GQ`
- Page: https://grabient.com/kcTSHHsBdOEctwjdMsIa7NDG8tw9opsWWy_GQ?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, pastel, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#2a2c45` | `oklch(30.31% 0.0455 280.55)` | Black Violet | white, 13.6 to 1 |
| 2 | `#352b45` | `oklch(31.29% 0.0474 301.41)` | Obsidian Lava Black | white, 13.2 to 1 |
| 3 | `#432b40` | `oklch(32.59% 0.0499 331.98)` | Purple Pennant | white, 12.6 to 1 |
| 4 | `#502d35` | `oklch(34.33% 0.0537 4.66)` | Japanese Wineberry | white, 11.9 to 1 |
| 5 | `#5a322b` | `oklch(36.62% 0.0598 31.86)` | Redwood | white, 10.8 to 1 |
| 6 | `#653a24` | `oklch(39.62% 0.0696 47.34)` | Cassiterite Brown | white, 9.6 to 1 |
| 7 | `#74431f` | `oklch(43.47% 0.0841 54.17)` | Walnut | white, 8.1 to 1 |
| 8 | `#874c1b` | `oklch(47.82% 0.1005 56.20)` | Brown Eyed Girl | white, 6.8 to 1 |
| 9 | `#9b5617` | `oklch(52.29% 0.1158 56.88)` | Fresh Cinnamon | white, 5.6 to 1 |
| 10 | `#ab6112` | `oklch(56.48% 0.1266 59.57)` | Orange Brown | white, 4.7 to 1 |
| 11 | `#b86e11` | `oklch(60.58% 0.1327 63.48)` | Indocile Tiger | black, 5.2 to 1 |
| 12 | `#c47b18` | `oklch(64.70% 0.1359 67.23)` | Dirty Orange | black, 6.2 to 1 |
| 13 | `#cf8a22` | `oklch(68.65% 0.1375 71.14)` | Chicken Masala | black, 7.2 to 1 |
| 14 | `#d7972b` | `oklch(72.28% 0.1387 75.55)` | Trinket | black, 8.3 to 1 |
| 15 | `#dda532` | `oklch(75.50% 0.1403 80.66)` | Sunny Disposition | black, 9.4 to 1 |
| 16 | `#e1b23a` | `oklch(78.48% 0.1414 86.27)` | Super Lemon | black, 10.5 to 1 |
| 17 | `#e2be44` | `oklch(81.13% 0.1418 92.29)` | Brass Balls | black, 11.6 to 1 |
| 18 | `#e0c950` | `oklch(83.36% 0.1414 98.65)` | Golden Kingdom | black, 12.6 to 1 |
| 19 | `#dbd35c` | `oklch(85.08% 0.1400 105.27)` | Matcha | black, 13.4 to 1 |
| 20 | `#d4db69` | `oklch(86.31% 0.1375 111.97)` | Banana Chalk | black, 14.1 to 1 |
| 21 | `#cbe177` | `oklch(87.10% 0.1340 118.94)` | Idocrase Green | black, 14.5 to 1 |
| 22 | `#c0e685` | `oklch(87.46% 0.1300 126.46)` | Yellow Green Shade | black, 14.8 to 1 |
| 23 | `#b2e893` | `oklch(87.44% 0.1260 134.84)` | Sage Sensation | black, 14.8 to 1 |
| 24 | `#a2e9a1` | `oklch(86.99% 0.1213 144.30)` | Grape Green | black, 14.7 to 1 |
| 25 | `#91e8b0` | `oklch(86.09% 0.1153 154.70)` | Teal Deer | black, 14.3 to 1 |
| 26 | `#82e4bc` | `oklch(84.83% 0.1099 165.73)` | Sprig of Mint | black, 13.8 to 1 |
| 27 | `#73dfc7` | `oklch(83.27% 0.1065 177.12)` | Star Grass | black, 13.1 to 1 |
| 28 | `#63d9d0` | `oklch(81.43% 0.1069 188.87)` | Hammam Blue | black, 12.3 to 1 |
| 29 | `#4fcfd9` | `oklch(78.89% 0.1117 202.49)` | Blue Radiance | black, 11.2 to 1 |
| 30 | `#3fc3e2` | `oklch(76.04% 0.1189 216.54)` | Caribbean Blue | black, 10.1 to 1 |
| 31 | `#3db7e8` | `oklch(73.44% 0.1261 228.92)` | Cyanite | black, 9.1 to 1 |
| 32 | `#43aeeb` | `oklch(71.65% 0.1309 237.57)` | Lynx Screen Blue | black, 8.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #2a2c45 0.0%, #352b45 3.2%, #432b40 6.5%, #502d35 9.7%, #5a322b 12.9%, #653a24 16.1%, #74431f 19.4%, #874c1b 22.6%, #9b5617 25.8%, #ab6112 29.0%, #b86e11 32.3%, #c47b18 35.5%, #cf8a22 38.7%, #d7972b 41.9%, #dda532 45.2%, #e1b23a 48.4%, #e2be44 51.6%, #e0c950 54.8%, #dbd35c 58.1%, #d4db69 61.3%, #cbe177 64.5%, #c0e685 67.7%, #b2e893 71.0%, #a2e9a1 74.2%, #91e8b0 77.4%, #82e4bc 80.6%, #73dfc7 83.9%, #63d9d0 87.1%, #4fcfd9 90.3%, #3fc3e2 93.5%, #3db7e8 96.8%, #43aeeb 100.0%);
background: linear-gradient(135deg in oklch, oklch(30.31% 0.0455 280.55) 0.0%, oklch(31.29% 0.0474 301.41) 3.2%, oklch(32.59% 0.0499 331.98) 6.5%, oklch(34.33% 0.0537 4.66) 9.7%, oklch(36.62% 0.0598 31.86) 12.9%, oklch(39.62% 0.0696 47.34) 16.1%, oklch(43.47% 0.0841 54.17) 19.4%, oklch(47.82% 0.1005 56.20) 22.6%, oklch(52.29% 0.1158 56.88) 25.8%, oklch(56.48% 0.1266 59.57) 29.0%, oklch(60.58% 0.1327 63.48) 32.3%, oklch(64.70% 0.1359 67.23) 35.5%, oklch(68.65% 0.1375 71.14) 38.7%, oklch(72.28% 0.1387 75.55) 41.9%, oklch(75.50% 0.1403 80.66) 45.2%, oklch(78.48% 0.1414 86.27) 48.4%, oklch(81.13% 0.1418 92.29) 51.6%, oklch(83.36% 0.1414 98.65) 54.8%, oklch(85.08% 0.1400 105.27) 58.1%, oklch(86.31% 0.1375 111.97) 61.3%, oklch(87.10% 0.1340 118.94) 64.5%, oklch(87.46% 0.1300 126.46) 67.7%, oklch(87.44% 0.1260 134.84) 71.0%, oklch(86.99% 0.1213 144.30) 74.2%, oklch(86.09% 0.1153 154.70) 77.4%, oklch(84.83% 0.1099 165.73) 80.6%, oklch(83.27% 0.1065 177.12) 83.9%, oklch(81.43% 0.1069 188.87) 87.1%, oklch(78.89% 0.1117 202.49) 90.3%, oklch(76.04% 0.1189 216.54) 93.5%, oklch(73.44% 0.1261 228.92) 96.8%, oklch(71.65% 0.1309 237.57) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.045 | 280.5 |
| 2 | 0.378 | 0.063 | 400 |
| 3 | 0.559 | 0.125 | 419 |
| 4 | 0.732 | 0.139 | 436.9 |
| 5 | 0.846 | 0.141 | 463.4 |
| 6 | 0.874 | 0.125 | 496.1 |
| 7 | 0.823 | 0.106 | 543.7 |
| 8 | 0.717 | 0.131 | 597.6 |

## In these collections

- [Golden pollen](https://grabient.com/golden-pollen)
- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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