# Navy, bronze and mustard daffodil raincoat morning

The Navy, bronze and mustard daffodil raincoat morning brings together blue, purple, orange, gold, and yellow. 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 blue, and its lightest tone is yellow.

- Also called: Dark blue, brown and olive linear gradient
- Seed: `kYTVTGJxPDDMPzVDIkNUCjBFWowO`
- Page: https://grabient.com/kYTVTGJxPDDMPzVDIkNUCjBFWowO?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, warm, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.7 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 | `#252267` | `oklch(30.31% 0.1157 278.44)` | Intergalactic Cowboy | white, 13.9 to 1 |
| 2 | `#272363` | `oklch(30.26% 0.1087 280.25)` | Intergalactic Cowboy | white, 13.9 to 1 |
| 3 | `#28245d` | `oklch(30.09% 0.0985 281.95)` | Cluedo Night | white, 13.9 to 1 |
| 4 | `#2a2557` | `oklch(29.93% 0.0867 284.28)` | Ceremonial Purple | white, 14 to 1 |
| 5 | `#2c2650` | `oklch(29.88% 0.0745 288.01)` | Pāua | white, 13.9 to 1 |
| 6 | `#30274a` | `oklch(30.06% 0.0635 293.89)` | Blackberry Black | white, 13.8 to 1 |
| 7 | `#352846` | `oklch(30.56% 0.0550 302.68)` | Obsidian Lava Black | white, 13.6 to 1 |
| 8 | `#3b2942` | `oklch(31.46% 0.0494 315.82)` | Aubergine Mauve | white, 13.1 to 1 |
| 9 | `#432c3e` | `oklch(32.70% 0.0450 333.88)` | Barossa | white, 12.6 to 1 |
| 10 | `#4a2f3a` | `oklch(34.18% 0.0418 354.76)` | Ripe Eggplant | white, 11.9 to 1 |
| 11 | `#503435` | `oklch(35.86% 0.0401 16.33)` | Decadent Chocolate | white, 11.1 to 1 |
| 12 | `#543a32` | `oklch(37.63% 0.0400 36.41)` | Bright Brown | white, 10.3 to 1 |
| 13 | `#584031` | `oklch(39.44% 0.0416 52.85)` | Cordwood | white, 9.5 to 1 |
| 14 | `#5d4631` | `oklch(41.26% 0.0453 64.11)` | Brown Hen | white, 8.8 to 1 |
| 15 | `#634c2f` | `oklch(43.24% 0.0523 71.77)` | Dallas | white, 8 to 1 |
| 16 | `#6a522d` | `oklch(45.34% 0.0614 76.84)` | Ancient Olive | white, 7.3 to 1 |
| 17 | `#715729` | `oklch(47.48% 0.0715 80.16)` | Olivary | white, 6.7 to 1 |
| 18 | `#795d25` | `oklch(49.59% 0.0814 82.54)` | Brassy Brass | white, 6.1 to 1 |
| 19 | `#806321` | `oklch(51.62% 0.0898 84.81)` | Brazen Brass | white, 5.6 to 1 |
| 20 | `#85691f` | `oklch(53.49% 0.0958 87.61)` | Yukon Gold | white, 5.1 to 1 |
| 21 | `#896f20` | `oklch(55.34% 0.1003 89.92)` | Corn Harvest | white, 4.7 to 1 |
| 22 | `#8e7521` | `oklch(57.16% 0.1039 91.57)` | Jīn Zōng Gold | black, 4.7 to 1 |
| 23 | `#937b24` | `oklch(58.90% 0.1066 92.81)` | Fernweh | black, 5 to 1 |
| 24 | `#978027` | `oklch(60.52% 0.1087 93.86)` | Spruced Up | black, 5.4 to 1 |
| 25 | `#9b852a` | `oklch(61.98% 0.1104 94.93)` | Green Sulphur | black, 5.7 to 1 |
| 26 | `#9e892d` | `oklch(63.22% 0.1119 96.26)` | Parsnip Root | black, 6 to 1 |
| 27 | `#9f8d30` | `oklch(64.27% 0.1127 97.80)` | Banana Leaf | black, 6.3 to 1 |
| 28 | `#a09034` | `oklch(65.14% 0.1129 99.39)` | Gecko | black, 6.5 to 1 |
| 29 | `#a19338` | `oklch(65.86% 0.1127 100.94)` | Shimmering Glade | black, 6.7 to 1 |
| 30 | `#a1963b` | `oklch(66.45% 0.1122 102.36)` | Shimmering Glade | black, 6.9 to 1 |
| 31 | `#a1983e` | `oklch(66.93% 0.1118 103.55)` | Be Yourself | black, 7 to 1 |
| 32 | `#a19a40` | `oklch(67.32% 0.1116 104.43)` | Lazy Lizard | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #252267 0.0%, #272363 3.2%, #28245d 6.5%, #2a2557 9.7%, #2c2650 12.9%, #30274a 16.1%, #352846 19.4%, #3b2942 22.6%, #432c3e 25.8%, #4a2f3a 29.0%, #503435 32.3%, #543a32 35.5%, #584031 38.7%, #5d4631 41.9%, #634c2f 45.2%, #6a522d 48.4%, #715729 51.6%, #795d25 54.8%, #806321 58.1%, #85691f 61.3%, #896f20 64.5%, #8e7521 67.7%, #937b24 71.0%, #978027 74.2%, #9b852a 77.4%, #9e892d 80.6%, #9f8d30 83.9%, #a09034 87.1%, #a19338 90.3%, #a1963b 93.5%, #a1983e 96.8%, #a19a40 100.0%);
background: linear-gradient(135deg in oklch, oklch(30.31% 0.1157 278.44) 0.0%, oklch(30.26% 0.1087 280.25) 3.2%, oklch(30.09% 0.0985 281.95) 6.5%, oklch(29.93% 0.0867 284.28) 9.7%, oklch(29.88% 0.0745 288.01) 12.9%, oklch(30.06% 0.0635 293.89) 16.1%, oklch(30.56% 0.0550 302.68) 19.4%, oklch(31.46% 0.0494 315.82) 22.6%, oklch(32.70% 0.0450 333.88) 25.8%, oklch(34.18% 0.0418 354.76) 29.0%, oklch(35.86% 0.0401 16.33) 32.3%, oklch(37.63% 0.0400 36.41) 35.5%, oklch(39.44% 0.0416 52.85) 38.7%, oklch(41.26% 0.0453 64.11) 41.9%, oklch(43.24% 0.0523 71.77) 45.2%, oklch(45.34% 0.0614 76.84) 48.4%, oklch(47.48% 0.0715 80.16) 51.6%, oklch(49.59% 0.0814 82.54) 54.8%, oklch(51.62% 0.0898 84.81) 58.1%, oklch(53.49% 0.0958 87.61) 61.3%, oklch(55.34% 0.1003 89.92) 64.5%, oklch(57.16% 0.1039 91.57) 67.7%, oklch(58.90% 0.1066 92.81) 71.0%, oklch(60.52% 0.1087 93.86) 74.2%, oklch(61.98% 0.1104 94.93) 77.4%, oklch(63.22% 0.1119 96.26) 80.6%, oklch(64.27% 0.1127 97.80) 83.9%, oklch(65.14% 0.1129 99.39) 87.1%, oklch(65.86% 0.1127 100.94) 90.3%, oklch(66.45% 0.1122 102.36) 93.5%, oklch(66.93% 0.1118 103.55) 96.8%, oklch(67.32% 0.1116 104.43) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.116 | 278.4 |
| 2 | 0.307 | 0.054 | 304.9 |
| 3 | 0.402 | 0.043 | 417.9 |
| 4 | 0.528 | 0.094 | 446.5 |
| 5 | 0.63 | 0.112 | 456 |
| 6 | 0.673 | 0.112 | 464.4 |

## In these collections

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

## Other forms

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