# Champagne, violet and lime composition notebook doodles

The Champagne, violet and lime composition notebook doodles brings together pale orange, blue, purple, magenta, and green. 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 pale orange.

- Also called: Rainbow from gray to green linear gradient
- Seed: `kW6R49rCHUz85RDTSUZZr3Pg`
- Page: https://grabient.com/kW6R49rCHUz85RDTSUZZr3Pg?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.8 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 | `#f0e2c5` | `oklch(91.73% 0.0413 86.48)` | Creamy Gelato | black, 16.4 to 1 |
| 2 | `#d9d5b3` | `oklch(86.64% 0.0453 101.64)` | Chinese Silk | black, 14 to 1 |
| 3 | `#b5c19e` | `oklch(79.28% 0.0505 122.96)` | Chopped Dill | black, 11.1 to 1 |
| 4 | `#88aa8c` | `oklch(70.48% 0.0567 148.42)` | Alga Moss | black, 8.1 to 1 |
| 5 | `#589082` | `oklch(61.07% 0.0637 175.96)` | Spa Green | black, 5.7 to 1 |
| 6 | `#2d757b` | `oklch(51.90% 0.0711 203.55)` | Poseidon’s Castle | white, 5.3 to 1 |
| 7 | `#135a75` | `oklch(43.79% 0.0789 229.14)` | Ink Blue | white, 7.6 to 1 |
| 8 | `#17436d` | `oklch(37.57% 0.0866 250.69)` | Fish Net Blue | white, 10.1 to 1 |
| 9 | `#213468` | `oklch(34.04% 0.0942 266.23)` | Passionate Blue | white, 11.9 to 1 |
| 10 | `#292d68` | `oklch(32.96% 0.1022 276.53)` | Underwater Realm | white, 12.5 to 1 |
| 11 | `#322b6d` | `oklch(33.70% 0.1107 283.13)` | Blue Rose | white, 12.3 to 1 |
| 12 | `#3b2e77` | `oklch(35.79% 0.1196 287.05)` | Clear Purple | white, 11.4 to 1 |
| 13 | `#453383` | `oklch(38.77% 0.1285 289.31)` | Majestic Eggplant | white, 10.2 to 1 |
| 14 | `#503a91` | `oklch(42.18% 0.1372 290.93)` | Blue Gem | white, 8.8 to 1 |
| 15 | `#5c419f` | `oklch(45.57% 0.1456 292.93)` | Daisy Bush | white, 7.7 to 1 |
| 16 | `#6946aa` | `oklch(48.48% 0.1535 296.34)` | Poppy Pompadour | white, 6.8 to 1 |
| 17 | `#7748b0` | `oklch(50.60% 0.1607 301.71)` | Royal Lavender | white, 6.3 to 1 |
| 18 | `#8449b5` | `oklch(52.61% 0.1681 307.01)` | Harley Hair Purple | white, 5.8 to 1 |
| 19 | `#924ab9` | `oklch(54.64% 0.1755 312.19)` | Tyrian Shimmer | white, 5.3 to 1 |
| 20 | `#a14bbb` | `oklch(56.69% 0.1826 317.64)` | Fuchsia Pheromone | white, 4.9 to 1 |
| 21 | `#b04bbb` | `oklch(58.74% 0.1891 323.74)` | Ultraviolet Cryner | white, 4.5 to 1 |
| 22 | `#c04cb7` | `oklch(60.79% 0.1945 330.88)` | Still Fuchsia | black, 4.9 to 1 |
| 23 | `#d14caf` | `oklch(62.83% 0.1986 339.46)` | Krameria | black, 5.3 to 1 |
| 24 | `#e24da0` | `oklch(64.85% 0.2009 349.86)` | Raspberry Pink | black, 5.8 to 1 |
| 25 | `#f25189` | `oklch(66.92% 0.2010 3.04)` | Power Peony | black, 6.3 to 1 |
| 26 | `#ff5b67` | `oklch(69.15% 0.1985 19.93)` | Festive Fennec | black, 6.9 to 1 |
| 27 | `#ff7240` | `oklch(71.45% 0.1841 39.25)` | Carrot | black, 7.7 to 1 |
| 28 | `#f78a00` | `oklch(73.74% 0.1736 59.63)` | Atomic Orange | black, 8.6 to 1 |
| 29 | `#e5a300` | `oklch(75.90% 0.1573 79.75)` | Flambrosia | black, 9.5 to 1 |
| 30 | `#d2b700` | `oklch(77.85% 0.1610 98.24)` | Lionhead | black, 10.4 to 1 |
| 31 | `#bcc71c` | `oklch(79.48% 0.1726 113.73)` | Key Lime Pie | black, 11.3 to 1 |
| 32 | `#a7d249` | `oklch(80.71% 0.1695 124.88)` | Burst of Lime | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #f0e2c5 0.0%, #d9d5b3 3.2%, #b5c19e 6.5%, #88aa8c 9.7%, #589082 12.9%, #2d757b 16.1%, #135a75 19.4%, #17436d 22.6%, #213468 25.8%, #292d68 29.0%, #322b6d 32.3%, #3b2e77 35.5%, #453383 38.7%, #503a91 41.9%, #5c419f 45.2%, #6946aa 48.4%, #7748b0 51.6%, #8449b5 54.8%, #924ab9 58.1%, #a14bbb 61.3%, #b04bbb 64.5%, #c04cb7 67.7%, #d14caf 71.0%, #e24da0 74.2%, #f25189 77.4%, #ff5b67 80.6%, #ff7240 83.9%, #f78a00 87.1%, #e5a300 90.3%, #d2b700 93.5%, #bcc71c 96.8%, #a7d249 100.0%);
background: linear-gradient(135deg in oklch, oklch(91.73% 0.0413 86.48) 0.0%, oklch(86.64% 0.0453 101.64) 3.2%, oklch(79.28% 0.0505 122.96) 6.5%, oklch(70.48% 0.0567 148.42) 9.7%, oklch(61.07% 0.0637 175.96) 12.9%, oklch(51.90% 0.0711 203.55) 16.1%, oklch(43.79% 0.0789 229.14) 19.4%, oklch(37.57% 0.0866 250.69) 22.6%, oklch(34.04% 0.0942 266.23) 25.8%, oklch(32.96% 0.1022 276.53) 29.0%, oklch(33.70% 0.1107 283.13) 32.3%, oklch(35.79% 0.1196 287.05) 35.5%, oklch(38.77% 0.1285 289.31) 38.7%, oklch(42.18% 0.1372 290.93) 41.9%, oklch(45.57% 0.1456 292.93) 45.2%, oklch(48.48% 0.1535 296.34) 48.4%, oklch(50.60% 0.1607 301.71) 51.6%, oklch(52.61% 0.1681 307.01) 54.8%, oklch(54.64% 0.1755 312.19) 58.1%, oklch(56.69% 0.1826 317.64) 61.3%, oklch(58.74% 0.1891 323.74) 64.5%, oklch(60.79% 0.1945 330.88) 67.7%, oklch(62.83% 0.1986 339.46) 71.0%, oklch(64.85% 0.2009 349.86) 74.2%, oklch(66.92% 0.2010 3.04) 77.4%, oklch(69.15% 0.1985 19.93) 80.6%, oklch(71.45% 0.1841 39.25) 83.9%, oklch(73.74% 0.1736 59.63) 87.1%, oklch(75.90% 0.1573 79.75) 90.3%, oklch(77.85% 0.1610 98.24) 93.5%, oklch(79.48% 0.1726 113.73) 96.8%, oklch(80.71% 0.1695 124.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.041 | 86.5 |
| 2 | 0.346 | 0.092 | 263 |
| 3 | 0.496 | 0.157 | 298.9 |
| 4 | 0.654 | 0.201 | 352.8 |
| 5 | 0.807 | 0.169 | 484.9 |

## In these collections

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

## Other forms

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