# Blue and orange composition notebook doodles palette

The Blue and orange composition notebook doodles palette brings together blue, light blue, light orange, and orange. 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 blue, and its lightest tone is light orange.

- Also called: Blue, gray and peach linear swatches
- Seed: `kYak7MQrA91Krv3ekcAYolP-ArQQ`
- Page: https://grabient.com/kYak7MQrA91Krv3ekcAYolP-ArQQ?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#4a4183` | `oklch(41.73% 0.1075 286.88)` | Nauseous Blue | white, 8.8 to 1 |
| 2 | `#4b64b6` | `oklch(52.36% 0.1323 268.91)` | Kakitsubata Blue | white, 5.5 to 1 |
| 3 | `#6a8dd8` | `oklch(64.96% 0.1199 264.68)` | Little Boy Blue | black, 6.4 to 1 |
| 4 | `#9eaccb` | `oklch(74.41% 0.0482 265.74)` | Poetry Reading | black, 9.2 to 1 |
| 5 | `#c5b1aa` | `oklch(77.56% 0.0248 41.00)` | Mauvette | black, 10.2 to 1 |
| 6 | `#ec9968` | `oklch(75.59% 0.1185 50.51)` | Topaz Yellow | black, 9.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4a4183 0.000% 16.667%, #4b64b6 16.667% 33.333%, #6a8dd8 33.333% 50.000%, #9eaccb 50.000% 66.667%, #c5b1aa 66.667% 83.333%, #ec9968 83.333% 100.000%);
background: linear-gradient(90deg, oklch(41.73% 0.1075 286.88) 0.000% 16.667%, oklch(52.36% 0.1323 268.91) 16.667% 33.333%, oklch(64.96% 0.1199 264.68) 33.333% 50.000%, oklch(74.41% 0.0482 265.74) 50.000% 66.667%, oklch(77.56% 0.0248 41.00) 66.667% 83.333%, oklch(75.59% 0.1185 50.51) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.107 | 286.9 |
| 2 | 0.524 | 0.132 | 268.9 |
| 3 | 0.65 | 0.12 | 264.7 |
| 4 | 0.744 | 0.048 | 265.7 |
| 5 | 0.776 | 0.025 | 401 |
| 6 | 0.756 | 0.119 | 410.5 |

## In these collections

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

## Other forms

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