# Turquoise, ochre and mauve first woodsmoke evening

The Turquoise, ochre and mauve first woodsmoke evening brings together blue, green, orange, and 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 red, and its lightest tone is green.

- Also called: Tritone blue, teal and brown linear swatches
- Seed: `kWhz6l05g2tMktq-KLyqAu7A`
- Page: https://grabient.com/kWhz6l05g2tMktq-KLyqAu7A?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.4 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 | `#307495` | `oklch(53.15% 0.0854 232.73)` | Devil Blue | white, 5.1 to 1 |
| 2 | `#609987` | `oklch(63.86% 0.0669 171.43)` | Grey Teal | black, 6.4 to 1 |
| 3 | `#9f9959` | `oklch(67.30% 0.0859 103.96)` | Stem | black, 7.1 to 1 |
| 4 | `#af7031` | `oklch(59.94% 0.1111 62.35)` | Reno Sand | black, 5.1 to 1 |
| 5 | `#834026` | `oklch(45.13% 0.1002 40.84)` | Cacao Nibs | white, 7.7 to 1 |
| 6 | `#402b2f` | `oklch(31.50% 0.0317 7.65)` | Wenge Black | white, 13.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #307495 0.000% 16.667%, #609987 16.667% 33.333%, #9f9959 33.333% 50.000%, #af7031 50.000% 66.667%, #834026 66.667% 83.333%, #402b2f 83.333% 100.000%);
background: linear-gradient(90deg, oklch(53.15% 0.0854 232.73) 0.000% 16.667%, oklch(63.86% 0.0669 171.43) 16.667% 33.333%, oklch(67.30% 0.0859 103.96) 33.333% 50.000%, oklch(59.94% 0.1111 62.35) 50.000% 66.667%, oklch(45.13% 0.1002 40.84) 66.667% 83.333%, oklch(31.50% 0.0317 7.65) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.531 | 0.085 | 232.7 |
| 2 | 0.657 | 0.066 | 154.5 |
| 3 | 0.654 | 0.101 | 76.3 |
| 4 | 0.488 | 0.112 | 48.9 |
| 5 | 0.315 | 0.032 | 7.6 |

## In these collections

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

## Other forms

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