# Gold and cobalt blue daffodil raincoat morning

The Gold and cobalt blue daffodil raincoat morning brings together gold, light yellow, light green, light blue, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light yellow.

- Also called: Tan and blue linear swatches
- Seed: `kY3FBC8p9COyTRZdGsfSqlCbupwK`
- Page: https://grabient.com/kY3FBC8p9COyTRZdGsfSqlCbupwK?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light to dark, pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 5.2 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 | `#ebd27b` | `oklch(86.61% 0.1102 93.52)` | Golden Sap | black, 14 to 1 |
| 2 | `#dfe5a3` | `oklch(90.16% 0.0854 112.54)` | Mermaid Tears | black, 15.8 to 1 |
| 3 | `#b2dac4` | `oklch(85.43% 0.0524 160.09)` | Celadon Sorbet | black, 13.7 to 1 |
| 4 | `#75b2cc` | `oklch(73.23% 0.0730 226.67)` | Tidal Basin | black, 9 to 1 |
| 5 | `#3f81bc` | `oklch(58.66% 0.1130 247.80)` | King Triton | black, 5 to 1 |
| 6 | `#265b99` | `oklch(46.85% 0.1144 254.14)` | Beacon Blue | white, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ebd27b 0.000% 16.667%, #dfe5a3 16.667% 33.333%, #b2dac4 33.333% 50.000%, #75b2cc 50.000% 66.667%, #3f81bc 66.667% 83.333%, #265b99 83.333% 100.000%);
background: linear-gradient(90deg, oklch(86.61% 0.1102 93.52) 0.000% 16.667%, oklch(90.16% 0.0854 112.54) 16.667% 33.333%, oklch(85.43% 0.0524 160.09) 33.333% 50.000%, oklch(73.23% 0.0730 226.67) 50.000% 66.667%, oklch(58.66% 0.1130 247.80) 66.667% 83.333%, oklch(46.85% 0.1144 254.14) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.866 | 0.11 | 93.5 |
| 2 | 0.902 | 0.085 | 112.5 |
| 3 | 0.854 | 0.052 | 160.1 |
| 4 | 0.732 | 0.073 | 226.7 |
| 5 | 0.587 | 0.113 | 247.8 |
| 6 | 0.469 | 0.114 | 254.1 |

## In these collections

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

## Other forms

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