# Gray, ochre and sage daffodil raincoat morning

The Gray, ochre and sage daffodil raincoat morning brings together gray, light gray, gold, teal, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is gray, and its lightest tone is light gray.

- Also called: Gray, yellow, teal and olive linear swatches
- Seed: `kWjAts8Aa9Oozu9HlU4Rpk2Q`
- Page: https://grabient.com/kWjAts8Aa9Oozu9HlU4Rpk2Q?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#6c756e` | `oklch(55.12% 0.0152 152.58)` | Heritage Park | white, 4.7 to 1 |
| 2 | `#d4dbce` | `oklch(88.19% 0.0179 129.33)` | Caribbean Pleasure | black, 14.7 to 1 |
| 3 | `#e7c74d` | `oklch(83.46% 0.1419 94.46)` | Fall Meadow | black, 12.6 to 1 |
| 4 | `#4b7e8a` | `oklch(56.30% 0.0579 213.87)` | Brittany Blue | black, 4.6 to 1 |
| 5 | `#647c52` | `oklch(55.51% 0.0689 132.50)` | Mint Leaves | white, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #6c756e 0.000% 20.000%, #d4dbce 20.000% 40.000%, #e7c74d 40.000% 60.000%, #4b7e8a 60.000% 80.000%, #647c52 80.000% 100.000%);
background: linear-gradient(90deg, oklch(55.12% 0.0152 152.58) 0.000% 20.000%, oklch(88.19% 0.0179 129.33) 20.000% 40.000%, oklch(83.46% 0.1419 94.46) 40.000% 60.000%, oklch(56.30% 0.0579 213.87) 60.000% 80.000%, oklch(55.51% 0.0689 132.50) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.015 | 152.6 |
| 2 | 0.882 | 0.018 | 129.3 |
| 3 | 0.835 | 0.142 | 94.5 |
| 4 | 0.563 | 0.058 | 213.9 |
| 5 | 0.555 | 0.069 | 132.5 |

## In these collections

- [Daffodil raincoat morning](https://grabient.com/daffodil-raincoat-morning)

## Other forms

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