# Ink blue rose and citrus marker fan

Twelve angular swatches sweep from ink navy through blue, sky blue, lavender, rose pink, bright orange, gold, and yellow-green into pale golden peach. The readable wedges suggest a layered marker fan against warm paper tones. This lively notebook palette suits doodle illustrations, colorful stationery, journal graphics, and expressive geometric editorial artwork.

- Also called: Navy, lavender, mustard and tan angular swatches
- Seed: `kWSjbAV6g7lO_0hqP8scBe6o`
- Page: https://grabient.com/kWSjbAV6g7lO_0hqP8scBe6o?style=angularSwatches&steps=12&angle=225
- Drawn as: angular swatches, 12 steps, 225 degrees
- Kinds: vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.9 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 | `#1d2850` | `oklch(29.13% 0.0744 270.00)` | Space Cadet | white, 14.2 to 1 |
| 2 | `#28517a` | `oklch(42.47% 0.0836 251.27)` | Slumber | white, 8.2 to 1 |
| 3 | `#368bb0` | `oklch(60.07% 0.0974 230.38)` | Carol | black, 5.4 to 1 |
| 4 | `#54a8df` | `oklch(70.14% 0.1153 240.02)` | High Blue | black, 8 to 1 |
| 5 | `#a089eb` | `oklch(69.19% 0.1414 293.14)` | Perrywinkle | black, 7.2 to 1 |
| 6 | `#de5e8e` | `oklch(65.63% 0.1668 359.41)` | Carmine Rose | black, 6.1 to 1 |
| 7 | `#ec6e08` | `oklch(67.88% 0.1804 48.82)` | Clementine | black, 6.8 to 1 |
| 8 | `#d4a900` | `oklch(75.11% 0.1535 90.23)` | Armageddon Dust | black, 9.4 to 1 |
| 9 | `#bdd32a` | `oklch(82.26% 0.1794 117.17)` | Fuego Verde | black, 12.5 to 1 |
| 10 | `#cadd61` | `oklch(85.82% 0.1499 116.97)` | Dry Seedlings | black, 14 to 1 |
| 11 | `#ebd586` | `oklch(87.37% 0.1014 94.61)` | Kaiser Cheese | black, 14.3 to 1 |
| 12 | `#f1d3a9` | `oklch(88.19% 0.0648 75.91)` | Straw Hat | black, 14.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #1d2850 0.000% 8.333%, #28517a 8.333% 16.667%, #368bb0 16.667% 25.000%, #54a8df 25.000% 33.333%, #a089eb 33.333% 41.667%, #de5e8e 41.667% 50.000%, #ec6e08 50.000% 58.333%, #d4a900 58.333% 66.667%, #bdd32a 66.667% 75.000%, #cadd61 75.000% 83.333%, #ebd586 83.333% 91.667%, #f1d3a9 91.667% 100.000%);
background: conic-gradient(from 225deg, oklch(29.13% 0.0744 270.00) 0.000% 8.333%, oklch(42.47% 0.0836 251.27) 8.333% 16.667%, oklch(60.07% 0.0974 230.38) 16.667% 25.000%, oklch(70.14% 0.1153 240.02) 25.000% 33.333%, oklch(69.19% 0.1414 293.14) 33.333% 41.667%, oklch(65.63% 0.1668 359.41) 41.667% 50.000%, oklch(67.88% 0.1804 48.82) 50.000% 58.333%, oklch(75.11% 0.1535 90.23) 58.333% 66.667%, oklch(82.26% 0.1794 117.17) 66.667% 75.000%, oklch(85.82% 0.1499 116.97) 75.000% 83.333%, oklch(87.37% 0.1014 94.61) 83.333% 91.667%, oklch(88.19% 0.0648 75.91) 91.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.291 | 0.074 | 270 |
| 2 | 0.689 | 0.11 | 233 |
| 3 | 0.657 | 0.175 | 386.2 |
| 4 | 0.835 | 0.175 | 480.3 |
| 5 | 0.882 | 0.065 | 435.9 |

## In these collections

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

## Other forms

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