# Stone and moss canola fields storm sky

The Stone and moss canola fields storm sky brings together light gray, blue, teal, and green. 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 gray.

- Also called: Gray, teal, dark green and olive angular swatches
- Seed: `kW1ginLxfDsAXOS1lLpSqi7Y`
- Page: https://grabient.com/kW1ginLxfDsAXOS1lLpSqi7Y?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: dark center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 6.4 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 | `#c5cdd2` | `oklch(84.25% 0.0110 234.84)` | New North | black, 12.9 to 1 |
| 2 | `#303e62` | `oklch(37.01% 0.0648 266.55)` | Bay of Many | white, 10.5 to 1 |
| 3 | `#336e78` | `oklch(50.39% 0.0634 209.48)` | Lakelike | white, 5.7 to 1 |
| 4 | `#2f5744` | `oklch(42.13% 0.0565 161.93)` | O’Neal Green | white, 8.1 to 1 |
| 5 | `#6f8736` | `oklch(58.66% 0.1116 123.88)` | Khaki Green | black, 5.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #c5cdd2 0.000% 20.000%, #303e62 20.000% 40.000%, #336e78 40.000% 60.000%, #2f5744 60.000% 80.000%, #6f8736 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(84.25% 0.0110 234.84) 0.000% 20.000%, oklch(37.01% 0.0648 266.55) 20.000% 40.000%, oklch(50.39% 0.0634 209.48) 40.000% 60.000%, oklch(42.13% 0.0565 161.93) 60.000% 80.000%, oklch(58.66% 0.1116 123.88) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.843 | 0.011 | 234.8 |
| 2 | 0.37 | 0.065 | 266.5 |
| 3 | 0.504 | 0.063 | 209.5 |
| 4 | 0.421 | 0.056 | 161.9 |
| 5 | 0.587 | 0.112 | 123.9 |

## In these collections

- [Chalkboard classroom](https://grabient.com/chalkboard-classroom)
- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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