# Navy, mauve and crimson first woodsmoke evening

The Navy, mauve and crimson first woodsmoke evening brings together blue, purple, red, and light red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light red.

- Also called: Muted tritone navy, purple and salmon linear swatches
- Seed: `kWYC66wozEVQTSJboMHVaLAg`
- Page: https://grabient.com/kWYC66wozEVQTSJboMHVaLAg?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.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 | `#2f4164` | `oklch(37.80% 0.0634 262.27)` | Black Turmeric | white, 10.1 to 1 |
| 2 | `#605e76` | `oklch(49.27% 0.0377 288.96)` | Twilight Dusk | white, 6.2 to 1 |
| 3 | `#977a89` | `oklch(61.23% 0.0416 345.39)` | Mountbatten Pink | black, 5.4 to 1 |
| 4 | `#c48d89` | `oklch(69.58% 0.0674 23.12)` | Grand Sunset | black, 7.5 to 1 |
| 5 | `#d88e81` | `oklch(71.71% 0.0928 29.84)` | My Pink | black, 8 to 1 |
| 6 | `#ca8070` | `oklch(67.32% 0.0951 33.30)` | Canyon Clay | black, 6.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2f4164 0.000% 16.667%, #605e76 16.667% 33.333%, #977a89 33.333% 50.000%, #c48d89 50.000% 66.667%, #d88e81 66.667% 83.333%, #ca8070 83.333% 100.000%);
background: linear-gradient(90deg, oklch(37.80% 0.0634 262.27) 0.000% 16.667%, oklch(49.27% 0.0377 288.96) 16.667% 33.333%, oklch(61.23% 0.0416 345.39) 33.333% 50.000%, oklch(69.58% 0.0674 23.12) 50.000% 66.667%, oklch(71.71% 0.0928 29.84) 66.667% 83.333%, oklch(67.32% 0.0951 33.30) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.063 | 262.3 |
| 2 | 0.524 | 0.034 | 299.3 |
| 3 | 0.661 | 0.052 | 372.2 |
| 4 | 0.72 | 0.09 | 388 |
| 5 | 0.673 | 0.095 | 393.3 |

## In these collections

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

## Other forms

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