# Terracotta, aubergine and cobalt blue indigo yukata

The Terracotta, aubergine and cobalt blue indigo yukata brings together orange, red, magenta, and blue. 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 orange.

- Also called: Tritone brown, purple and blue linear swatches
- Seed: `kYmF0dvi6-C6lu0qK7itLa9sSyv0`
- Page: https://grabient.com/kYmF0dvi6-C6lu0qK7itLa9sSyv0?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3 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 | `#be623e` | `oklch(59.84% 0.1281 41.48)` | Husky Orange | black, 5 to 1 |
| 2 | `#9b3d38` | `oklch(48.82% 0.1281 25.63)` | Mexican Red | white, 6.7 to 1 |
| 3 | `#63234a` | `oklch(36.61% 0.1033 346.53)` | Plum Caspia | white, 11.1 to 1 |
| 4 | `#32276f` | `oklch(33.07% 0.1199 285.24)` | Deep Space Rodeo | white, 12.7 to 1 |
| 5 | `#25429b` | `oklch(41.34% 0.1502 266.22)` | Space Explorer | white, 9 to 1 |
| 6 | `#3d6cbe` | `oklch(53.94% 0.1392 260.94)` | Matt Blue | white, 5.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #be623e 0.000% 16.667%, #9b3d38 16.667% 33.333%, #63234a 33.333% 50.000%, #32276f 50.000% 66.667%, #25429b 66.667% 83.333%, #3d6cbe 83.333% 100.000%);
background: linear-gradient(90deg, oklch(59.84% 0.1281 41.48) 0.000% 16.667%, oklch(48.82% 0.1281 25.63) 16.667% 33.333%, oklch(36.61% 0.1033 346.53) 33.333% 50.000%, oklch(33.07% 0.1199 285.24) 50.000% 66.667%, oklch(41.34% 0.1502 266.22) 66.667% 83.333%, oklch(53.94% 0.1392 260.94) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.598 | 0.128 | 41.5 |
| 2 | 0.488 | 0.128 | 25.6 |
| 3 | 0.366 | 0.103 | -13.5 |
| 4 | 0.331 | 0.12 | -74.8 |
| 5 | 0.413 | 0.15 | -93.8 |
| 6 | 0.539 | 0.139 | -99.1 |

## In these collections

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

## Other forms

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