# Blue and coral composition notebook doodles palette

The Blue and coral composition notebook doodles palette brings together blue, light teal, pale teal, off-white, and light red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is pale teal.

- Also called: Complementary blue, beige and pink linear swatches
- Seed: `kYl2qxXys-G8dvb3CzxdAixeaVu4`
- Page: https://grabient.com/kYl2qxXys-G8dvb3CzxdAixeaVu4?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light center, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#2583d1` | `oklch(59.45% 0.1461 248.91)` | Calgar Blue | black, 5.2 to 1 |
| 2 | `#54baec` | `oklch(74.80% 0.1185 233.05)` | Clean Pool | black, 9.5 to 1 |
| 3 | `#95e4f6` | `oklch(87.40% 0.0813 214.03)` | Blizzard Blue | black, 14.7 to 1 |
| 4 | `#d5f1ec` | `oklch(93.70% 0.0303 183.39)` | Diminished Sky | black, 17.6 to 1 |
| 5 | `#efdfd3` | `oklch(91.34% 0.0234 60.80)` | Toasted Marshmallow | black, 16.1 to 1 |
| 6 | `#e4b2ae` | `oklch(80.71% 0.0593 23.82)` | Perfect Pink | black, 11.2 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2583d1 0.000% 16.667%, #54baec 16.667% 33.333%, #95e4f6 33.333% 50.000%, #d5f1ec 50.000% 66.667%, #efdfd3 66.667% 83.333%, #e4b2ae 83.333% 100.000%);
background: linear-gradient(90deg, oklch(59.45% 0.1461 248.91) 0.000% 16.667%, oklch(74.80% 0.1185 233.05) 16.667% 33.333%, oklch(87.40% 0.0813 214.03) 33.333% 50.000%, oklch(93.70% 0.0303 183.39) 50.000% 66.667%, oklch(91.34% 0.0234 60.80) 66.667% 83.333%, oklch(80.71% 0.0593 23.82) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.594 | 0.146 | 248.9 |
| 2 | 0.748 | 0.119 | 233.1 |
| 3 | 0.874 | 0.081 | 214 |
| 4 | 0.937 | 0.03 | 183.4 |
| 5 | 0.913 | 0.023 | 60.8 |
| 6 | 0.807 | 0.059 | 23.8 |

## In these collections

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

## Other forms

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