# Charcoal, rose and navy composition notebook doodles

The Charcoal, rose and navy composition notebook doodles brings together dark gray, light magenta, magenta, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is light magenta.

- Also called: Dark gray, pink, purple and navy radial gradient
- Seed: `kWUQ3OZCpHdHJwE9p7QKJ1Ao`
- Page: https://grabient.com/kWUQ3OZCpHdHJwE9p7QKJ1Ao?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center
- Hues: wide
- 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 | `#32313b` | `oklch(31.89% 0.0179 289.69)` | Deep Well | white, 12.7 to 1 |
| 2 | `#3e3b4a` | `oklch(36.09% 0.0258 295.20)` | India Ink | white, 10.9 to 1 |
| 3 | `#51495e` | `oklch(42.17% 0.0365 303.03)` | Violet Shadow | white, 8.5 to 1 |
| 4 | `#6b5a76` | `oklch(49.44% 0.0492 312.39)` | Indigo Red | white, 6.2 to 1 |
| 5 | `#8a6c8e` | `oklch(57.20% 0.0632 322.46)` | Mauveine | black, 4.6 to 1 |
| 6 | `#ab7da3` | `oklch(64.75% 0.0779 332.47)` | Usu Pink | black, 6.1 to 1 |
| 7 | `#cb8cb3` | `oklch(71.39% 0.0925 341.60)` | Bossy-Pants Pink | black, 7.9 to 1 |
| 8 | `#e596bd` | `oklch(76.43% 0.1063 349.07)` | Shocking | black, 9.4 to 1 |
| 9 | `#f79ac0` | `oklch(79.20% 0.1188 354.16)` | Pastel Magenta | black, 10.3 to 1 |
| 10 | `#ff9abd` | `oklch(79.89% 0.1272 358.15)` | Saira Red | black, 10.5 to 1 |
| 11 | `#ff96b5` | `oklch(79.04% 0.1305 1.51)` | Baker-Miller Pink | black, 10.2 to 1 |
| 12 | `#ff8baa` | `oklch(77.03% 0.1439 3.97)` | Rock’n’Rose | black, 9.5 to 1 |
| 13 | `#ff7a9d` | `oklch(74.27% 0.1650 5.23)` | Aggressive Salmon | black, 8.5 to 1 |
| 14 | `#fd6592` | `oklch(71.12% 0.1883 5.03)` | Rosy Pink | black, 7.4 to 1 |
| 15 | `#f5578c` | `oklch(67.99% 0.1973 3.08)` | Power Peony | black, 6.6 to 1 |
| 16 | `#ea4b8d` | `oklch(65.27% 0.2021 359.10)` | Majestic Magenta | black, 5.9 to 1 |
| 17 | `#de4695` | `oklch(63.19% 0.2015 352.50)` | Prunus Avium | black, 5.4 to 1 |
| 18 | `#cd47a4` | `oklch(61.21% 0.1948 341.74)` | Krameria | black, 5 to 1 |
| 19 | `#b54db4` | `oklch(59.21% 0.1834 327.78)` | Ultraviolet Cryner | black, 4.6 to 1 |
| 20 | `#9954be` | `oklch(57.19% 0.1689 311.99)` | Liberal Lilac | white, 4.8 to 1 |
| 21 | `#7b5bc0` | `oklch(55.15% 0.1528 295.71)` | Fuchsia Blue | white, 5.1 to 1 |
| 22 | `#5f60b9` | `oklch(53.09% 0.1367 280.31)` | Bluish Purple Anemone | white, 5.4 to 1 |
| 23 | `#4761ac` | `oklch(51.02% 0.1223 267.14)` | Kakitsubata Blue | white, 5.8 to 1 |
| 24 | `#35609e` | `oklch(48.95% 0.1110 257.55)` | Perfect Ocean | white, 6.3 to 1 |
| 25 | `#2a5c92` | `oklch(46.79% 0.1034 252.30)` | Sapphire Lace | white, 6.8 to 1 |
| 26 | `#235687` | `oklch(44.42% 0.0974 250.21)` | Strong Will | white, 7.6 to 1 |
| 27 | `#204f7d` | `oklch(41.94% 0.0926 250.50)` | Lake Baikal | white, 8.4 to 1 |
| 28 | `#1e4874` | `oklch(39.48% 0.0889 252.44)` | Thunder Night | white, 9.4 to 1 |
| 29 | `#1e416c` | `oklch(37.12% 0.0860 255.32)` | Blue Mosque | white, 10.4 to 1 |
| 30 | `#1d3a65` | `oklch(35.00% 0.0837 258.39)` | Navy Peony | white, 11.3 to 1 |
| 31 | `#1c355f` | `oklch(33.22% 0.0818 260.93)` | Navy Trim | white, 12.2 to 1 |
| 32 | `#1b315b` | `oklch(31.89% 0.0799 262.21)` | Ending Navy Blue | white, 12.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #32313b 0.0%, #3e3b4a 3.2%, #51495e 6.5%, #6b5a76 9.7%, #8a6c8e 12.9%, #ab7da3 16.1%, #cb8cb3 19.4%, #e596bd 22.6%, #f79ac0 25.8%, #ff9abd 29.0%, #ff96b5 32.3%, #ff8baa 35.5%, #ff7a9d 38.7%, #fd6592 41.9%, #f5578c 45.2%, #ea4b8d 48.4%, #de4695 51.6%, #cd47a4 54.8%, #b54db4 58.1%, #9954be 61.3%, #7b5bc0 64.5%, #5f60b9 67.7%, #4761ac 71.0%, #35609e 74.2%, #2a5c92 77.4%, #235687 80.6%, #204f7d 83.9%, #1e4874 87.1%, #1e416c 90.3%, #1d3a65 93.5%, #1c355f 96.8%, #1b315b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0179 289.69) 0.0%, oklch(36.09% 0.0258 295.20) 3.2%, oklch(42.17% 0.0365 303.03) 6.5%, oklch(49.44% 0.0492 312.39) 9.7%, oklch(57.20% 0.0632 322.46) 12.9%, oklch(64.75% 0.0779 332.47) 16.1%, oklch(71.39% 0.0925 341.60) 19.4%, oklch(76.43% 0.1063 349.07) 22.6%, oklch(79.20% 0.1188 354.16) 25.8%, oklch(79.89% 0.1272 358.15) 29.0%, oklch(79.04% 0.1305 1.51) 32.3%, oklch(77.03% 0.1439 3.97) 35.5%, oklch(74.27% 0.1650 5.23) 38.7%, oklch(71.12% 0.1883 5.03) 41.9%, oklch(67.99% 0.1973 3.08) 45.2%, oklch(65.27% 0.2021 359.10) 48.4%, oklch(63.19% 0.2015 352.50) 51.6%, oklch(61.21% 0.1948 341.74) 54.8%, oklch(59.21% 0.1834 327.78) 58.1%, oklch(57.19% 0.1689 311.99) 61.3%, oklch(55.15% 0.1528 295.71) 64.5%, oklch(53.09% 0.1367 280.31) 67.7%, oklch(51.02% 0.1223 267.14) 71.0%, oklch(48.95% 0.1110 257.55) 74.2%, oklch(46.79% 0.1034 252.30) 77.4%, oklch(44.42% 0.0974 250.21) 80.6%, oklch(41.94% 0.0926 250.50) 83.9%, oklch(39.48% 0.0889 252.44) 87.1%, oklch(37.12% 0.0860 255.32) 90.3%, oklch(35.00% 0.0837 258.39) 93.5%, oklch(33.22% 0.0818 260.93) 96.8%, oklch(31.89% 0.0799 262.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.018 | 289.7 |
| 2 | 0.787 | 0.116 | 353.1 |
| 3 | 0.642 | 0.203 | 356.3 |
| 4 | 0.484 | 0.109 | 255.9 |
| 5 | 0.319 | 0.08 | 262.2 |

## In these collections

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

## Other forms

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