# Ochre and sage daffodil raincoat morning palette

The Ochre and sage daffodil raincoat morning palette brings together gold, orange, yellow, teal, light teal, and pale green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is yellow, and its lightest tone is pale green.

- Also called: Tan, gray and gray blue angular swatches
- Seed: `kYzFk-Uaa-0IMQ9KkcwYRO9nCQuM`
- Page: https://grabient.com/kYzFk-Uaa-0IMQ9KkcwYRO9nCQuM?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#e1b95a` | `oklch(80.31% 0.1226 87.19)` | Sun God | black, 11.3 to 1 |
| 2 | `#b08439` | `oklch(64.17% 0.1061 77.68)` | Weissbier | black, 6.2 to 1 |
| 3 | `#696b55` | `oklch(51.97% 0.0331 110.44)` | Bijoux Green | white, 5.4 to 1 |
| 4 | `#5a848d` | `oklch(58.66% 0.0482 212.94)` | Night Masque | black, 5.1 to 1 |
| 5 | `#8abebb` | `oklch(76.38% 0.0537 192.86)` | Riverbed | black, 10.1 to 1 |
| 6 | `#cee0c2` | `oklch(88.58% 0.0455 132.63)` | Soft Moss | black, 15.1 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #e1b95a 0.000% 16.667%, #b08439 16.667% 33.333%, #696b55 33.333% 50.000%, #5a848d 50.000% 66.667%, #8abebb 66.667% 83.333%, #cee0c2 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(80.31% 0.1226 87.19) 0.000% 16.667%, oklch(64.17% 0.1061 77.68) 16.667% 33.333%, oklch(51.97% 0.0331 110.44) 33.333% 50.000%, oklch(58.66% 0.0482 212.94) 50.000% 66.667%, oklch(76.38% 0.0537 192.86) 66.667% 83.333%, oklch(88.58% 0.0455 132.63) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.803 | 0.123 | 87.2 |
| 2 | 0.642 | 0.106 | 77.7 |
| 3 | 0.52 | 0.033 | 110.4 |
| 4 | 0.587 | 0.048 | 212.9 |
| 5 | 0.764 | 0.054 | 192.9 |
| 6 | 0.886 | 0.045 | 132.6 |

## In these collections

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

## Other forms

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