# Navy, bronze and sage first woodsmoke evening

The Navy, bronze and sage first woodsmoke evening brings together dark blue, red, orange, and green. 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 green.

- Also called: Tritone purple, brown and green linear gradient
- Seed: `kYSErLKiVIr0zQ_OsUH2SJDtoXxs`
- Page: https://grabient.com/kYSErLKiVIr0zQ_OsUH2SJDtoXxs?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 5.8 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 | `#271d59` | `oklch(28.35% 0.1020 285.47)` | Spacescape | white, 14.8 to 1 |
| 2 | `#2f1c57` | `oklch(28.73% 0.1015 293.64)` | Fabric of Space | white, 14.7 to 1 |
| 3 | `#381a53` | `oklch(29.16% 0.1006 305.27)` | Fabric of Space | white, 14.5 to 1 |
| 4 | `#41184c` | `oklch(29.71% 0.0996 318.92)` | Obsidian Orchid | white, 14.3 to 1 |
| 5 | `#4a1744` | `oklch(30.45% 0.0991 333.15)` | Velvet Cosmos | white, 14 to 1 |
| 6 | `#53163b` | `oklch(31.44% 0.0995 346.53)` | Tulip Poplar Purple | white, 13.5 to 1 |
| 7 | `#5b1835` | `oklch(32.76% 0.1014 357.62)` | Soul Anchor | white, 12.9 to 1 |
| 8 | `#631b31` | `oklch(34.51% 0.1054 5.89)` | Brown Chocolate | white, 12.1 to 1 |
| 9 | `#6d1e2e` | `oklch(36.70% 0.1117 12.70)` | Velvet Outbreak | white, 11.1 to 1 |
| 10 | `#79222c` | `oklch(39.20% 0.1192 18.39)` | Biking Red | white, 10.1 to 1 |
| 11 | `#842729` | `oklch(41.86% 0.1271 23.24)` | Flame Red | white, 9 to 1 |
| 12 | `#902d27` | `oklch(44.53% 0.1341 27.56)` | Saffronaut | white, 8.1 to 1 |
| 13 | `#9a3424` | `oklch(47.08% 0.1392 31.63)` | Chocolate Lust | white, 7.2 to 1 |
| 14 | `#a23b21` | `oklch(49.43% 0.1419 35.50)` | Edocha | white, 6.5 to 1 |
| 15 | `#aa4320` | `oklch(51.81% 0.1431 38.46)` | Donkey Kong | white, 5.9 to 1 |
| 16 | `#b14c23` | `oklch(54.17% 0.1432 40.79)` | Gold Flame | white, 5.3 to 1 |
| 17 | `#b85426` | `oklch(56.48% 0.1421 42.89)` | Roland-Garros | white, 4.8 to 1 |
| 18 | `#be5c2b` | `oklch(58.68% 0.1401 45.17)` | Smoke Tree | black, 4.7 to 1 |
| 19 | `#c2652e` | `oklch(60.70% 0.1372 48.02)` | Dwarven Bronze | black, 5.2 to 1 |
| 20 | `#c56d31` | `oklch(62.51% 0.1334 51.74)` | Desert Spice | black, 5.6 to 1 |
| 21 | `#c77636` | `oklch(64.20% 0.1279 55.80)` | October | black, 6 to 1 |
| 22 | `#c77e3c` | `oklch(65.76% 0.1211 60.15)` | Caramel Toffee | black, 6.4 to 1 |
| 23 | `#c58644` | `oklch(67.16% 0.1135 64.93)` | Automn Fox | black, 6.8 to 1 |
| 24 | `#c38d4b` | `oklch(68.39% 0.1059 70.29)` | Caramel Macchiato | black, 7.2 to 1 |
| 25 | `#c09452` | `oklch(69.42% 0.0987 76.38)` | Amber Gold | black, 7.5 to 1 |
| 26 | `#bb9a59` | `oklch(70.22% 0.0926 83.37)` | Base Sand | black, 7.8 to 1 |
| 27 | `#b49f5f` | `oklch(70.71% 0.0869 92.33)` | Antique Gold | black, 8 to 1 |
| 28 | `#aaa467` | `oklch(70.94% 0.0813 102.90)` | Wavy Glass | black, 8.2 to 1 |
| 29 | `#a0a770` | `oklch(70.99% 0.0762 114.02)` | Willow Leaf | black, 8.2 to 1 |
| 30 | `#97a978` | `oklch(70.93% 0.0715 124.61)` | Forester | black, 8.3 to 1 |
| 31 | `#90ab80` | `oklch(70.87% 0.0677 133.62)` | Forest Shade | black, 8.3 to 1 |
| 32 | `#8cab85` | `oklch(70.87% 0.0648 139.99)` | Lounge Green | black, 8.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #271d59 0.0%, #2f1c57 3.2%, #381a53 6.5%, #41184c 9.7%, #4a1744 12.9%, #53163b 16.1%, #5b1835 19.4%, #631b31 22.6%, #6d1e2e 25.8%, #79222c 29.0%, #842729 32.3%, #902d27 35.5%, #9a3424 38.7%, #a23b21 41.9%, #aa4320 45.2%, #b14c23 48.4%, #b85426 51.6%, #be5c2b 54.8%, #c2652e 58.1%, #c56d31 61.3%, #c77636 64.5%, #c77e3c 67.7%, #c58644 71.0%, #c38d4b 74.2%, #c09452 77.4%, #bb9a59 80.6%, #b49f5f 83.9%, #aaa467 87.1%, #a0a770 90.3%, #97a978 93.5%, #90ab80 96.8%, #8cab85 100.0%);
background: linear-gradient(135deg in oklch, oklch(28.35% 0.1020 285.47) 0.0%, oklch(28.73% 0.1015 293.64) 3.2%, oklch(29.16% 0.1006 305.27) 6.5%, oklch(29.71% 0.0996 318.92) 9.7%, oklch(30.45% 0.0991 333.15) 12.9%, oklch(31.44% 0.0995 346.53) 16.1%, oklch(32.76% 0.1014 357.62) 19.4%, oklch(34.51% 0.1054 5.89) 22.6%, oklch(36.70% 0.1117 12.70) 25.8%, oklch(39.20% 0.1192 18.39) 29.0%, oklch(41.86% 0.1271 23.24) 32.3%, oklch(44.53% 0.1341 27.56) 35.5%, oklch(47.08% 0.1392 31.63) 38.7%, oklch(49.43% 0.1419 35.50) 41.9%, oklch(51.81% 0.1431 38.46) 45.2%, oklch(54.17% 0.1432 40.79) 48.4%, oklch(56.48% 0.1421 42.89) 51.6%, oklch(58.68% 0.1401 45.17) 54.8%, oklch(60.70% 0.1372 48.02) 58.1%, oklch(62.51% 0.1334 51.74) 61.3%, oklch(64.20% 0.1279 55.80) 64.5%, oklch(65.76% 0.1211 60.15) 67.7%, oklch(67.16% 0.1135 64.93) 71.0%, oklch(68.39% 0.1059 70.29) 74.2%, oklch(69.42% 0.0987 76.38) 77.4%, oklch(70.22% 0.0926 83.37) 80.6%, oklch(70.71% 0.0869 92.33) 83.9%, oklch(70.94% 0.0813 102.90) 87.1%, oklch(70.99% 0.0762 114.02) 90.3%, oklch(70.93% 0.0715 124.61) 93.5%, oklch(70.87% 0.0677 133.62) 96.8%, oklch(70.87% 0.0648 139.99) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.102 | 285.5 |
| 2 | 0.331 | 0.102 | 359.4 |
| 3 | 0.48 | 0.141 | 393.3 |
| 4 | 0.618 | 0.135 | 410.2 |
| 5 | 0.701 | 0.094 | 441.9 |
| 6 | 0.709 | 0.065 | 500 |

## In these collections

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

## Other forms

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