# Navy, sage and ochre first woodsmoke evening

The Navy, sage and ochre first woodsmoke evening brings together dark blue, blue, teal, yellow, and gold. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is yellow.

- Also called: Complementary navy, gray and brown linear gradient
- Seed: `kWSCa2uBW90qPuVTmbfUKa74`
- Page: https://grabient.com/kWSCa2uBW90qPuVTmbfUKa74?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark to light
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 4.6 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 | `#182a43` | `oklch(28.35% 0.0524 256.64)` | Eternal Darkness | white, 14.4 to 1 |
| 2 | `#1a2e47` | `oklch(29.62% 0.0531 255.48)` | Crow Black Blue | white, 13.8 to 1 |
| 3 | `#1d324c` | `oklch(31.32% 0.0542 254.22)` | Manganese Black | white, 13 to 1 |
| 4 | `#203852` | `oklch(33.35% 0.0556 252.74)` | Gibraltar Sea | white, 12 to 1 |
| 5 | `#243e59` | `oklch(35.60% 0.0570 250.91)` | Integrity | white, 11 to 1 |
| 6 | `#284560` | `oklch(37.95% 0.0583 248.59)` | Dark Slate Blue | white, 9.9 to 1 |
| 7 | `#2c4c67` | `oklch(40.31% 0.0591 245.66)` | Singing the Blues | white, 9 to 1 |
| 8 | `#2f526c` | `oklch(42.55% 0.0595 241.99)` | Ocean Trapeze | white, 8.1 to 1 |
| 9 | `#325971` | `oklch(44.59% 0.0591 237.45)` | Endless Sea | white, 7.4 to 1 |
| 10 | `#365f74` | `oklch(46.59% 0.0574 231.94)` | Superior Blue | white, 6.8 to 1 |
| 11 | `#3b6677` | `oklch(48.63% 0.0548 225.58)` | Barbados | white, 6.2 to 1 |
| 12 | `#416c79` | `oklch(50.67% 0.0517 218.53)` | Bismarck | white, 5.7 to 1 |
| 13 | `#48737b` | `oklch(52.66% 0.0485 210.95)` | Flip | white, 5.2 to 1 |
| 14 | `#50787c` | `oklch(54.56% 0.0456 203.01)` | Lucky Shamrock | white, 4.8 to 1 |
| 15 | `#577e7d` | `oklch(56.33% 0.0435 194.88)` | Nickel Ore Green | black, 4.6 to 1 |
| 16 | `#5d837e` | `oklch(57.94% 0.0426 186.71)` | Greenella | black, 4.9 to 1 |
| 17 | `#62877e` | `oklch(59.35% 0.0432 178.53)` | Greenella | black, 5.2 to 1 |
| 18 | `#678b7e` | `oklch(60.65% 0.0452 169.64)` | Sea Monster | black, 5.5 to 1 |
| 19 | `#6d8f7c` | `oklch(61.83% 0.0481 160.22)` | Grandview | black, 5.8 to 1 |
| 20 | `#739279` | `oklch(62.90% 0.0517 150.56)` | Watercress | black, 6.1 to 1 |
| 21 | `#799575` | `oklch(63.83% 0.0559 140.97)` | Chic Shade | black, 6.3 to 1 |
| 22 | `#819670` | `oklch(64.61% 0.0604 131.75)` | Old Green | black, 6.5 to 1 |
| 23 | `#88976b` | `oklch(65.22% 0.0649 123.22)` | Cactus Valley | black, 6.6 to 1 |
| 24 | `#8f9765` | `oklch(65.67% 0.0692 115.67)` | Exotic Palm | black, 6.7 to 1 |
| 25 | `#959660` | `oklch(65.88% 0.0736 109.19)` | Broad Bean | black, 6.8 to 1 |
| 26 | `#9a945a` | `oklch(65.81% 0.0785 103.32)` | Tansy Green | black, 6.7 to 1 |
| 27 | `#9e9153` | `oklch(65.51% 0.0838 98.03)` | Tupelo Tree | black, 6.6 to 1 |
| 28 | `#a28e4c` | `oklch(65.07% 0.0892 93.33)` | Off the Grid | black, 6.5 to 1 |
| 29 | `#a58b45` | `oklch(64.56% 0.0945 89.19)` | Peanut Brittle | black, 6.3 to 1 |
| 30 | `#a7883f` | `oklch(64.06% 0.0992 85.63)` | Peanut Brittle | black, 6.2 to 1 |
| 31 | `#aa8539` | `oklch(63.64% 0.1032 82.62)` | Garden Sprout | black, 6.1 to 1 |
| 32 | `#ac8336` | `oklch(63.39% 0.1061 80.16)` | Garden Sprout | black, 6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #182a43 0.0%, #1a2e47 3.2%, #1d324c 6.5%, #203852 9.7%, #243e59 12.9%, #284560 16.1%, #2c4c67 19.4%, #2f526c 22.6%, #325971 25.8%, #365f74 29.0%, #3b6677 32.3%, #416c79 35.5%, #48737b 38.7%, #50787c 41.9%, #577e7d 45.2%, #5d837e 48.4%, #62877e 51.6%, #678b7e 54.8%, #6d8f7c 58.1%, #739279 61.3%, #799575 64.5%, #819670 67.7%, #88976b 71.0%, #8f9765 74.2%, #959660 77.4%, #9a945a 80.6%, #9e9153 83.9%, #a28e4c 87.1%, #a58b45 90.3%, #a7883f 93.5%, #aa8539 96.8%, #ac8336 100.0%);
background: linear-gradient(45deg in oklch, oklch(28.35% 0.0524 256.64) 0.0%, oklch(29.62% 0.0531 255.48) 3.2%, oklch(31.32% 0.0542 254.22) 6.5%, oklch(33.35% 0.0556 252.74) 9.7%, oklch(35.60% 0.0570 250.91) 12.9%, oklch(37.95% 0.0583 248.59) 16.1%, oklch(40.31% 0.0591 245.66) 19.4%, oklch(42.55% 0.0595 241.99) 22.6%, oklch(44.59% 0.0591 237.45) 25.8%, oklch(46.59% 0.0574 231.94) 29.0%, oklch(48.63% 0.0548 225.58) 32.3%, oklch(50.67% 0.0517 218.53) 35.5%, oklch(52.66% 0.0485 210.95) 38.7%, oklch(54.56% 0.0456 203.01) 41.9%, oklch(56.33% 0.0435 194.88) 45.2%, oklch(57.94% 0.0426 186.71) 48.4%, oklch(59.35% 0.0432 178.53) 51.6%, oklch(60.65% 0.0452 169.64) 54.8%, oklch(61.83% 0.0481 160.22) 58.1%, oklch(62.90% 0.0517 150.56) 61.3%, oklch(63.83% 0.0559 140.97) 64.5%, oklch(64.61% 0.0604 131.75) 67.7%, oklch(65.22% 0.0649 123.22) 71.0%, oklch(65.67% 0.0692 115.67) 74.2%, oklch(65.88% 0.0736 109.19) 77.4%, oklch(65.81% 0.0785 103.32) 80.6%, oklch(65.51% 0.0838 98.03) 83.9%, oklch(65.07% 0.0892 93.33) 87.1%, oklch(64.56% 0.0945 89.19) 90.3%, oklch(64.06% 0.0992 85.63) 93.5%, oklch(63.64% 0.1032 82.62) 96.8%, oklch(63.39% 0.1061 80.16) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.052 | 256.6 |
| 2 | 0.441 | 0.059 | 238.7 |
| 3 | 0.587 | 0.043 | 182.7 |
| 4 | 0.657 | 0.07 | 114 |
| 5 | 0.634 | 0.106 | 80.2 |

## In these collections

- [First woodsmoke evening](https://grabient.com/first-woodsmoke-evening)

## Other forms

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