# Orange and sky blue composition notebook doodles

The Orange and sky blue composition notebook doodles brings together light orange, light red, magenta, and blue. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Tritone peach, purple and blue linear swatches
- Seed: `kW3zUw4Zu79OcuDQL7pWLS9w`
- Page: https://grabient.com/kW3zUw4Zu79OcuDQL7pWLS9w?style=linearSwatches&steps=6&angle=0
- Drawn as: linear swatches, 6 steps, 0 degrees
- Kinds: multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#f7cfa3` | `oklch(87.80% 0.0730 68.20)` | Tequila | black, 14.3 to 1 |
| 2 | `#e5ac94` | `oklch(79.15% 0.0752 43.72)` | California Coral | black, 10.6 to 1 |
| 3 | `#c38a9f` | `oklch(69.56% 0.0739 355.30)` | Winsome Rose | black, 7.4 to 1 |
| 4 | `#9b7bb9` | `oklch(63.60% 0.0978 307.13)` | Lavender Purple | black, 5.9 to 1 |
| 5 | `#7583dd` | `oklch(63.83% 0.1364 275.54)` | Tanzine | black, 6 to 1 |
| 6 | `#6e9bf7` | `oklch(69.69% 0.1447 263.35)` | Guilliman Blue | black, 7.6 to 1 |

## CSS

```css
background: linear-gradient(0deg, #f7cfa3 0.000% 16.667%, #e5ac94 16.667% 33.333%, #c38a9f 33.333% 50.000%, #9b7bb9 50.000% 66.667%, #7583dd 66.667% 83.333%, #6e9bf7 83.333% 100.000%);
background: linear-gradient(0deg, oklch(87.80% 0.0730 68.20) 0.000% 16.667%, oklch(79.15% 0.0752 43.72) 16.667% 33.333%, oklch(69.56% 0.0739 355.30) 33.333% 50.000%, oklch(63.60% 0.0978 307.13) 50.000% 66.667%, oklch(63.83% 0.1364 275.54) 66.667% 83.333%, oklch(69.69% 0.1447 263.35) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.073 | 68.2 |
| 2 | 0.768 | 0.076 | 34.4 |
| 3 | 0.657 | 0.079 | -31.1 |
| 4 | 0.63 | 0.131 | -78.7 |
| 5 | 0.697 | 0.145 | -96.7 |

## In these collections

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

## Other forms

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