# Navy, lime and aubergine composition notebook doodles

The Navy, lime and aubergine composition notebook doodles brings together blue, light green, green, and purple. 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 blue, and its lightest tone is light green.

- Also called: Navy, yellow, blue and purple linear gradient
- Seed: `kWUCa8cTEuuXBwPFNdSrqw_Y`
- Page: https://grabient.com/kWUCa8cTEuuXBwPFNdSrqw_Y?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 10.2 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 | `#24314c` | `oklch(31.50% 0.0524 264.37)` | Blue Lobelia | white, 12.9 to 1 |
| 2 | `#26405d` | `oklch(36.58% 0.0593 251.58)` | Blue Accolade | white, 10.5 to 1 |
| 3 | `#255872` | `oklch(43.89% 0.0687 233.29)` | Sacrifice | white, 7.6 to 1 |
| 4 | `#237785` | `oklch(52.62% 0.0801 211.44)` | Blue Kelp | white, 5.1 to 1 |
| 5 | `#329890` | `oklch(61.98% 0.0924 187.97)` | Azure Tide | black, 6 to 1 |
| 6 | `#5bb791` | `oklch(71.16% 0.1051 164.82)` | Crazy Eyes | black, 8.6 to 1 |
| 7 | `#8cd08b` | `oklch(79.36% 0.1173 143.91)` | Greek Garden | black, 11.4 to 1 |
| 8 | `#b9e082` | `oklch(85.80% 0.1282 127.18)` | Green Chalk | black, 14 to 1 |
| 9 | `#d8e97a` | `oklch(89.70% 0.1371 116.40)` | Mindaro | black, 15.7 to 1 |
| 10 | `#eaeb70` | `oklch(91.47% 0.1453 109.33)` | Limelight | black, 16.5 to 1 |
| 11 | `#f3e963` | `oklch(91.71% 0.1533 104.72)` | Limelight | black, 16.6 to 1 |
| 12 | `#f5e454` | `oklch(90.73% 0.1607 102.66)` | Flame Seal | black, 16.1 to 1 |
| 13 | `#efde42` | `oklch(88.85% 0.1674 103.21)` | Orb of Harmony | black, 15.2 to 1 |
| 14 | `#e1d930` | `oklch(86.41% 0.1730 106.47)` | Banana Brick | black, 14.1 to 1 |
| 15 | `#ccd427` | `oklch(83.72% 0.1772 112.52)` | Sun Flooded Woods | black, 13 to 1 |
| 16 | `#b0d232` | `oklch(81.10% 0.1799 121.44)` | Burst of Lime | black, 12.1 to 1 |
| 17 | `#87d24e` | `oklch(78.72% 0.1806 133.95)` | Midsummer Field | black, 11.3 to 1 |
| 18 | `#33d078` | `oklch(75.89% 0.1790 153.15)` | Seaweed | black, 10.4 to 1 |
| 19 | `#00c1a6` | `oklch(72.61% 0.1341 177.55)` | Turquoise | black, 9.2 to 1 |
| 20 | `#00b0be` | `oklch(69.05% 0.1179 204.93)` | Deep Turquoise | black, 7.9 to 1 |
| 21 | `#009dd5` | `oklch(65.35% 0.1351 233.04)` | Structural Blue | black, 6.7 to 1 |
| 22 | `#4783e3` | `oklch(61.68% 0.1589 259.63)` | Seljuk Blue | black, 5.6 to 1 |
| 23 | `#706bd2` | `oklch(58.19% 0.1532 282.49)` | C64 Purple | black, 4.7 to 1 |
| 24 | `#7f5abb` | `oklch(55.05% 0.1484 299.39)` | Fuchsia Blue | white, 5.1 to 1 |
| 25 | `#824ea8` | `oklch(52.23% 0.1445 309.08)` | Royal Lavender | white, 5.8 to 1 |
| 26 | `#7e4599` | `oklch(49.45% 0.1405 313.54)` | Purple Pleasures | white, 6.5 to 1 |
| 27 | `#753e8f` | `oklch(46.74% 0.1366 314.01)` | Perkin Mauve | white, 7.4 to 1 |
| 28 | `#6b3887` | `oklch(44.18% 0.1327 311.70)` | Violet Magician | white, 8.2 to 1 |
| 29 | `#603482` | `oklch(41.82% 0.1292 307.77)` | Tillandsia Purple | white, 9 to 1 |
| 30 | `#56317d` | `oklch(39.73% 0.1260 303.42)` | Foggy Amethyst | white, 9.8 to 1 |
| 31 | `#4d2e79` | `oklch(37.98% 0.1233 299.83)` | Mystic Nights | white, 10.5 to 1 |
| 32 | `#482b75` | `oklch(36.61% 0.1213 298.19)` | Windsor | white, 11.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #24314c 0.0%, #26405d 3.2%, #255872 6.5%, #237785 9.7%, #329890 12.9%, #5bb791 16.1%, #8cd08b 19.4%, #b9e082 22.6%, #d8e97a 25.8%, #eaeb70 29.0%, #f3e963 32.3%, #f5e454 35.5%, #efde42 38.7%, #e1d930 41.9%, #ccd427 45.2%, #b0d232 48.4%, #87d24e 51.6%, #33d078 54.8%, #00c1a6 58.1%, #00b0be 61.3%, #009dd5 64.5%, #4783e3 67.7%, #706bd2 71.0%, #7f5abb 74.2%, #824ea8 77.4%, #7e4599 80.6%, #753e8f 83.9%, #6b3887 87.1%, #603482 90.3%, #56317d 93.5%, #4d2e79 96.8%, #482b75 100.0%);
background: linear-gradient(180deg in oklch, oklch(31.50% 0.0524 264.37) 0.0%, oklch(36.58% 0.0593 251.58) 3.2%, oklch(43.89% 0.0687 233.29) 6.5%, oklch(52.62% 0.0801 211.44) 9.7%, oklch(61.98% 0.0924 187.97) 12.9%, oklch(71.16% 0.1051 164.82) 16.1%, oklch(79.36% 0.1173 143.91) 19.4%, oklch(85.80% 0.1282 127.18) 22.6%, oklch(89.70% 0.1371 116.40) 25.8%, oklch(91.47% 0.1453 109.33) 29.0%, oklch(91.71% 0.1533 104.72) 32.3%, oklch(90.73% 0.1607 102.66) 35.5%, oklch(88.85% 0.1674 103.21) 38.7%, oklch(86.41% 0.1730 106.47) 41.9%, oklch(83.72% 0.1772 112.52) 45.2%, oklch(81.10% 0.1799 121.44) 48.4%, oklch(78.72% 0.1806 133.95) 51.6%, oklch(75.89% 0.1790 153.15) 54.8%, oklch(72.61% 0.1341 177.55) 58.1%, oklch(69.05% 0.1179 204.93) 61.3%, oklch(65.35% 0.1351 233.04) 64.5%, oklch(61.68% 0.1589 259.63) 67.7%, oklch(58.19% 0.1532 282.49) 71.0%, oklch(55.05% 0.1484 299.39) 74.2%, oklch(52.23% 0.1445 309.08) 77.4%, oklch(49.45% 0.1405 313.54) 80.6%, oklch(46.74% 0.1366 314.01) 83.9%, oklch(44.18% 0.1327 311.70) 87.1%, oklch(41.82% 0.1292 307.77) 90.3%, oklch(39.73% 0.1260 303.42) 93.5%, oklch(37.98% 0.1233 299.83) 96.8%, oklch(36.61% 0.1213 298.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.315 | 0.052 | 264.4 |
| 2 | 0.89 | 0.135 | 118.5 |
| 3 | 0.799 | 0.181 | 127 |
| 4 | 0.543 | 0.147 | 302.4 |
| 5 | 0.366 | 0.121 | 298.2 |

## In these collections

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

## Other forms

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