# Mustard, mauve and indigo composition notebook doodles

The Mustard, mauve and indigo composition notebook doodles brings together gold, orange, purple, and blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Yellow, purple and blue angular swatches
- Seed: `kY3oFLZTu_VCTPG8qy_Nl09Thkvy`
- Page: https://grabient.com/kY3oFLZTu_VCTPG8qy_Nl09Thkvy?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: light to dark, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#e7db28` | `oklch(87.40% 0.1778 105.47)` | Lovely Lemonade | black, 14.5 to 1 |
| 2 | `#d5bd0a` | `oklch(79.53% 0.1640 100.18)` | Groovy Lemon Pie | black, 11.1 to 1 |
| 3 | `#9f8568` | `oklch(63.39% 0.0524 70.60)` | Water Wheel | black, 6 to 1 |
| 4 | `#624d98` | `oklch(47.64% 0.1185 294.28)` | Ultrapurple Merge | white, 6.9 to 1 |
| 5 | `#301ad6` | `oklch(42.52% 0.2563 272.08)` | Lapis on Neptune | white, 9.3 to 1 |
| 6 | `#1321e8` | `oklch(44.09% 0.2770 265.74)` | Slice of Heaven | white, 8.7 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #e7db28 0.000% 16.667%, #d5bd0a 16.667% 33.333%, #9f8568 33.333% 50.000%, #624d98 50.000% 66.667%, #301ad6 66.667% 83.333%, #1321e8 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(87.40% 0.1778 105.47) 0.000% 16.667%, oklch(79.53% 0.1640 100.18) 16.667% 33.333%, oklch(63.39% 0.0524 70.60) 33.333% 50.000%, oklch(47.64% 0.1185 294.28) 50.000% 66.667%, oklch(42.52% 0.2563 272.08) 66.667% 83.333%, oklch(44.09% 0.2770 265.74) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.178 | 105.5 |
| 2 | 0.795 | 0.164 | 100.2 |
| 3 | 0.634 | 0.052 | 70.6 |
| 4 | 0.476 | 0.119 | -65.7 |
| 5 | 0.425 | 0.256 | -87.9 |
| 6 | 0.441 | 0.277 | -94.3 |

## In these collections

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

## Other forms

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