# Champagne, violet and lime composition notebook doodles

The Champagne, violet and lime composition notebook doodles brings together pale orange, purple, green, and light 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 purple, and its lightest tone is pale orange.

- Also called: Rainbow from beige to yellow linear gradient
- Seed: `kW6Ro-rqwuMU1wHlwas8TE-4`
- Page: https://grabient.com/kW6Ro-rqwuMU1wHlwas8TE-4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.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 | `#eee3c9` | `oklch(91.73% 0.0358 87.89)` | Ivory Parchment | black, 16.4 to 1 |
| 2 | `#e5d0b5` | `oklch(86.79% 0.0431 74.75)` | Beachy Keen | black, 14 to 1 |
| 3 | `#d8b49c` | `oklch(79.62% 0.0533 56.01)` | Beech-Nut | black, 10.9 to 1 |
| 4 | `#c79387` | `oklch(71.06% 0.0654 33.63)` | Mexican Moonlight | black, 7.9 to 1 |
| 5 | `#af727b` | `oklch(61.92% 0.0786 9.56)` | French Marron | black, 5.5 to 1 |
| 6 | `#925577` | `oklch(53.03% 0.0919 345.78)` | Sea Fan Fuchsia | white, 5.5 to 1 |
| 7 | `#724076` | `oklch(45.22% 0.1043 324.24)` | Spring Lobster Dye | white, 7.7 to 1 |
| 8 | `#563175` | `oklch(39.31% 0.1150 306.90)` | Foggy Amethyst | white, 10 to 1 |
| 9 | `#442a75` | `oklch(36.08% 0.1230 295.73)` | Windsor | white, 11.4 to 1 |
| 10 | `#3f2877` | `oklch(35.25% 0.1288 291.72)` | Clear Purple | white, 11.7 to 1 |
| 11 | `#43297b` | `oklch(36.20% 0.1330 293.15)` | Clear Purple | white, 11.3 to 1 |
| 12 | `#4e2d81` | `oklch(38.49% 0.1361 297.87)` | Regalia | white, 10.4 to 1 |
| 13 | `#5d3388` | `oklch(41.72% 0.1385 303.72)` | Purple Patch | white, 9.1 to 1 |
| 14 | `#6d3b91` | `oklch(45.47% 0.1406 308.55)` | Perkin Mauve | white, 7.8 to 1 |
| 15 | `#7a459c` | `oklch(49.31% 0.1428 310.22)` | Purple Pleasures | white, 6.6 to 1 |
| 16 | `#8150ac` | `oklch(52.82% 0.1457 306.56)` | Royal Lavender | white, 5.6 to 1 |
| 17 | `#7c5ec1` | `oklch(55.79% 0.1495 295.49)` | Fuchsia Blue | white, 4.9 to 1 |
| 18 | `#6871d7` | `oklch(59.04% 0.1546 276.89)` | C64 Purple | black, 4.9 to 1 |
| 19 | `#338ae5` | `oklch(62.59% 0.1604 252.88)` | Bleu de France | black, 5.8 to 1 |
| 20 | `#00a2ce` | `oklch(66.28% 0.1264 225.71)` | Charybdis | black, 7 to 1 |
| 21 | `#00b4b8` | `oklch(69.96% 0.1190 197.57)` | Cyan Sky | black, 8.2 to 1 |
| 22 | `#00c69c` | `oklch(73.47% 0.1443 170.73)` | Jadeite | black, 9.5 to 1 |
| 23 | `#53d16c` | `oklch(76.65% 0.1796 147.42)` | UFO Green | black, 10.6 to 1 |
| 24 | `#95d144` | `oklch(79.34% 0.1806 129.87)` | Green Lantern | black, 11.5 to 1 |
| 25 | `#b6d22e` | `oklch(81.49% 0.1790 119.19)` | Lime Rasp | black, 12.2 to 1 |
| 26 | `#c9d32d` | `oklch(83.26% 0.1747 113.26)` | Lime Twist | black, 12.8 to 1 |
| 27 | `#d2d63b` | `oklch(84.72% 0.1683 110.96)` | Poisonous Cloud | black, 13.4 to 1 |
| 28 | `#d5da4c` | `oklch(85.92% 0.1608 111.28)` | Yuzukoshō | black, 13.9 to 1 |
| 29 | `#d4de5c` | `oklch(86.89% 0.1529 113.17)` | Chinese Green | black, 14.4 to 1 |
| 30 | `#d2e26a` | `oklch(87.69% 0.1455 115.64)` | Idocrase Green | black, 14.8 to 1 |
| 31 | `#d1e575` | `oklch(88.37% 0.1393 117.65)` | Idocrase Green | black, 15.1 to 1 |
| 32 | `#d2e77c` | `oklch(88.98% 0.1350 118.18)` | Refreshed | black, 15.4 to 1 |

## CSS

```css
background: linear-gradient(135deg, #eee3c9 0.0%, #e5d0b5 3.2%, #d8b49c 6.5%, #c79387 9.7%, #af727b 12.9%, #925577 16.1%, #724076 19.4%, #563175 22.6%, #442a75 25.8%, #3f2877 29.0%, #43297b 32.3%, #4e2d81 35.5%, #5d3388 38.7%, #6d3b91 41.9%, #7a459c 45.2%, #8150ac 48.4%, #7c5ec1 51.6%, #6871d7 54.8%, #338ae5 58.1%, #00a2ce 61.3%, #00b4b8 64.5%, #00c69c 67.7%, #53d16c 71.0%, #95d144 74.2%, #b6d22e 77.4%, #c9d32d 80.6%, #d2d63b 83.9%, #d5da4c 87.1%, #d4de5c 90.3%, #d2e26a 93.5%, #d1e575 96.8%, #d2e77c 100.0%);
background: linear-gradient(135deg in oklch, oklch(91.73% 0.0358 87.89) 0.0%, oklch(86.79% 0.0431 74.75) 3.2%, oklch(79.62% 0.0533 56.01) 6.5%, oklch(71.06% 0.0654 33.63) 9.7%, oklch(61.92% 0.0786 9.56) 12.9%, oklch(53.03% 0.0919 345.78) 16.1%, oklch(45.22% 0.1043 324.24) 19.4%, oklch(39.31% 0.1150 306.90) 22.6%, oklch(36.08% 0.1230 295.73) 25.8%, oklch(35.25% 0.1288 291.72) 29.0%, oklch(36.20% 0.1330 293.15) 32.3%, oklch(38.49% 0.1361 297.87) 35.5%, oklch(41.72% 0.1385 303.72) 38.7%, oklch(45.47% 0.1406 308.55) 41.9%, oklch(49.31% 0.1428 310.22) 45.2%, oklch(52.82% 0.1457 306.56) 48.4%, oklch(55.79% 0.1495 295.49) 51.6%, oklch(59.04% 0.1546 276.89) 54.8%, oklch(62.59% 0.1604 252.88) 58.1%, oklch(66.28% 0.1264 225.71) 61.3%, oklch(69.96% 0.1190 197.57) 64.5%, oklch(73.47% 0.1443 170.73) 67.7%, oklch(76.65% 0.1796 147.42) 71.0%, oklch(79.34% 0.1806 129.87) 74.2%, oklch(81.49% 0.1790 119.19) 77.4%, oklch(83.26% 0.1747 113.26) 80.6%, oklch(84.72% 0.1683 110.96) 83.9%, oklch(85.92% 0.1608 111.28) 87.1%, oklch(86.89% 0.1529 113.17) 90.3%, oklch(87.69% 0.1455 115.64) 93.5%, oklch(88.37% 0.1393 117.65) 96.8%, oklch(88.98% 0.1350 118.18) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.036 | 87.9 |
| 2 | 0.366 | 0.121 | -62.2 |
| 3 | 0.543 | 0.147 | -57.9 |
| 4 | 0.799 | 0.181 | -233.4 |
| 5 | 0.89 | 0.135 | -241.8 |

## In these collections

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

## Other forms

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