# Ochre, mauve and indigo composition notebook doodles

The Ochre, mauve and indigo composition notebook doodles brings together gold, orange, dark gray, and blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Tan, dark gray and blue linear swatches
- Seed: `kYvUo-y6Q-7WVP8ohDFrp26UCiQE`
- Page: https://grabient.com/kYvUo-y6Q-7WVP8ohDFrp26UCiQE?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.6 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 | `#c7a85c` | `oklch(74.41% 0.1020 87.89)` | Laser | black, 9.2 to 1 |
| 2 | `#9e7731` | `oklch(59.45% 0.0992 79.44)` | Sneezy | black, 5.1 to 1 |
| 3 | `#5f4927` | `oklch(42.13% 0.0579 78.38)` | Nightingale | white, 8.4 to 1 |
| 4 | `#353136` | `oklch(31.89% 0.0110 315.80)` | Black Tortoise | white, 12.7 to 1 |
| 5 | `#2c3c69` | `oklch(36.61% 0.0813 268.24)` | Newport Indigo | white, 10.7 to 1 |
| 6 | `#52629b` | `oklch(50.79% 0.0937 271.41)` | Royal Marquis | white, 5.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c7a85c 0.000% 16.667%, #9e7731 16.667% 33.333%, #5f4927 33.333% 50.000%, #353136 50.000% 66.667%, #2c3c69 66.667% 83.333%, #52629b 83.333% 100.000%);
background: linear-gradient(90deg, oklch(74.41% 0.1020 87.89) 0.000% 16.667%, oklch(59.45% 0.0992 79.44) 16.667% 33.333%, oklch(42.13% 0.0579 78.38) 33.333% 50.000%, oklch(31.89% 0.0110 315.80) 50.000% 66.667%, oklch(36.61% 0.0813 268.24) 66.667% 83.333%, oklch(50.79% 0.0937 271.41) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.102 | 87.9 |
| 2 | 0.594 | 0.099 | 79.4 |
| 3 | 0.421 | 0.058 | 78.4 |
| 4 | 0.319 | 0.011 | -44.2 |
| 5 | 0.366 | 0.081 | -91.8 |
| 6 | 0.508 | 0.094 | -88.6 |

## In these collections

- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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