# Ochre, dusty blue and silver indigo yukata

The Ochre, dusty blue and silver indigo yukata brings together orange, red, magenta, blue, and light gray. 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 blue, and its lightest tone is light gray.

- Also called: Tan, purple, blue and gray linear swatches
- Seed: `kYwFY1zqi6zmZOA3IrfShW_2aCNY`
- Page: https://grabient.com/kYwFY1zqi6zmZOA3IrfShW_2aCNY?style=linearSwatches&steps=6&angle=180
- Drawn as: linear swatches, 6 steps, 180 degrees
- Kinds: dark center, muted
- 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 | `#dba452` | `oklch(75.59% 0.1185 75.23)` | Pan de Coco | black, 9.4 to 1 |
| 2 | `#bf6a5a` | `oklch(61.81% 0.1116 31.91)` | Cedar Grove | black, 5.4 to 1 |
| 3 | `#6a486b` | `oklch(45.28% 0.0689 325.33)` | Sultana | white, 7.6 to 1 |
| 4 | `#2c5184` | `oklch(43.31% 0.0951 256.64)` | Galaxy Blue | white, 8 to 1 |
| 5 | `#647d9e` | `oklch(58.27% 0.0593 255.59)` | Smoky Violet | black, 4.9 to 1 |
| 6 | `#bdc1bf` | `oklch(80.71% 0.0055 167.88)` | Quest | black, 11.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #dba452 0.000% 16.667%, #bf6a5a 16.667% 33.333%, #6a486b 33.333% 50.000%, #2c5184 50.000% 66.667%, #647d9e 66.667% 83.333%, #bdc1bf 83.333% 100.000%);
background: linear-gradient(180deg, oklch(75.59% 0.1185 75.23) 0.000% 16.667%, oklch(61.81% 0.1116 31.91) 16.667% 33.333%, oklch(45.28% 0.0689 325.33) 33.333% 50.000%, oklch(43.31% 0.0951 256.64) 50.000% 66.667%, oklch(58.27% 0.0593 255.59) 66.667% 83.333%, oklch(80.71% 0.0055 167.88) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.756 | 0.119 | 75.2 |
| 2 | 0.618 | 0.112 | 31.9 |
| 3 | 0.453 | 0.069 | -34.7 |
| 4 | 0.433 | 0.095 | -103.4 |
| 5 | 0.583 | 0.059 | -104.4 |
| 6 | 0.807 | 0.006 | -192.1 |

## In these collections

- [Indigo yukata](https://grabient.com/indigo-yukata)

## Other forms

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