# Amethyst potion cabinet

Pale amethyst and icy cyan lead to sage and moss green, then deep potion teal, midnight indigo and a dark aubergine. A layered, magical dark-to-light run. Use for witchy branding, Halloween graphics and apothecary moodboards.

- Also called: Light blue, green, navy and dark purple linear gradient
- Seed: `kU5UnV1pmsbWgxmenVJA`
- Page: https://grabient.com/kU5UnV1pmsbWgxmenVJA?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light to dark, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#e4d7ff` | `oklch(90.16% 0.0561 300.24)` | Transparent Blue | black, 15.4 to 1 |
| 2 | `#d9d5ff` | `oklch(88.91% 0.0579 289.86)` | Pale Lavender | black, 14.8 to 1 |
| 3 | `#c9d3ff` | `oklch(87.34% 0.0621 275.38)` | Pale Phthalo Blue | black, 14.2 to 1 |
| 4 | `#b2d1ff` | `oklch(85.49% 0.0721 257.85)` | Ice Cold Stare | black, 13.5 to 1 |
| 5 | `#91d1fc` | `oklch(83.41% 0.0888 238.31)` | Long Island Sound | black, 12.7 to 1 |
| 6 | `#7fcfe6` | `oklch(81.15% 0.0849 217.81)` | Summer Splash | black, 11.9 to 1 |
| 7 | `#77cacc` | `oklch(78.76% 0.0810 197.39)` | Tropical Splash | black, 11.1 to 1 |
| 8 | `#79c3b2` | `oklch(76.29% 0.0775 178.10)` | Pale Jade | black, 10.2 to 1 |
| 9 | `#80b99b` | `oklch(73.79% 0.0744 160.99)` | Water Green | black, 9.3 to 1 |
| 10 | `#85af89` | `oklch(71.31% 0.0720 147.09)` | Shaded Willow | black, 8.4 to 1 |
| 11 | `#86a67b` | `oklch(68.89% 0.0705 137.46)` | Greyish Green | black, 7.7 to 1 |
| 12 | `#839d71` | `oklch(66.53% 0.0702 132.53)` | Sleepy Hollow | black, 7 to 1 |
| 13 | `#7e9568` | `oklch(64.06% 0.0709 130.68)` | Green Eyes | black, 6.4 to 1 |
| 14 | `#758e60` | `oklch(61.49% 0.0724 131.47)` | Four Leaf Clover | black, 5.7 to 1 |
| 15 | `#6a8759` | `oklch(58.86% 0.0746 134.57)` | Thicket | black, 5.2 to 1 |
| 16 | `#5d8054` | `oklch(56.20% 0.0772 139.66)` | Garden Grove | black, 4.6 to 1 |
| 17 | `#4d7a51` | `oklch(53.55% 0.0800 146.41)` | Torrey Pine | white, 4.9 to 1 |
| 18 | `#3b7450` | `oklch(50.92% 0.0828 154.49)` | Grasslands | white, 5.5 to 1 |
| 19 | `#266e51` | `oklch(48.37% 0.0854 163.59)` | Precious Emerald | white, 6.1 to 1 |
| 20 | `#016753` | `oklch(45.91% 0.0876 173.38)` | Piney Lake | white, 6.8 to 1 |
| 21 | `#005f56` | `oklch(43.59% 0.0774 183.52)` | Tidal Pool | white, 7.5 to 1 |
| 22 | `#005757` | `oklch(41.42% 0.0708 193.91)` | Deep Sea Green | white, 8.3 to 1 |
| 23 | `#005058` | `oklch(39.28% 0.0673 206.61)` | Deep Atlantic Blue | white, 9.2 to 1 |
| 24 | `#00485a` | `oklch(37.15% 0.0685 221.73)` | Sultan’s Silk | white, 10.1 to 1 |
| 25 | `#003f5f` | `oklch(35.07% 0.0784 238.56)` | Poseidon | white, 11.1 to 1 |
| 26 | `#133561` | `oklch(33.05% 0.0871 256.31)` | Funnel Cloud | white, 12.2 to 1 |
| 27 | `#242b5b` | `oklch(31.14% 0.0857 274.45)` | Ultramarine Violet | white, 13.3 to 1 |
| 28 | `#2e2252` | `oklch(29.35% 0.0843 292.23)` | Pāua | white, 14.3 to 1 |
| 29 | `#341a46` | `oklch(27.71% 0.0829 308.93)` | Russian Violet | white, 15.1 to 1 |
| 30 | `#37143b` | `oklch(26.26% 0.0816 323.87)` | Cultist Robe | white, 15.8 to 1 |
| 31 | `#380e30` | `oklch(25.02% 0.0806 336.35)` | Synallactida | white, 16.4 to 1 |
| 32 | `#380a27` | `oklch(24.02% 0.0799 345.67)` | Dark Sanctuary | white, 16.9 to 1 |

## CSS

```css
background: linear-gradient(315deg, #e4d7ff 0.0%, #d9d5ff 3.2%, #c9d3ff 6.5%, #b2d1ff 9.7%, #91d1fc 12.9%, #7fcfe6 16.1%, #77cacc 19.4%, #79c3b2 22.6%, #80b99b 25.8%, #85af89 29.0%, #86a67b 32.3%, #839d71 35.5%, #7e9568 38.7%, #758e60 41.9%, #6a8759 45.2%, #5d8054 48.4%, #4d7a51 51.6%, #3b7450 54.8%, #266e51 58.1%, #016753 61.3%, #005f56 64.5%, #005757 67.7%, #005058 71.0%, #00485a 74.2%, #003f5f 77.4%, #133561 80.6%, #242b5b 83.9%, #2e2252 87.1%, #341a46 90.3%, #37143b 93.5%, #380e30 96.8%, #380a27 100.0%);
background: linear-gradient(315deg in oklch, oklch(90.16% 0.0561 300.24) 0.0%, oklch(88.91% 0.0579 289.86) 3.2%, oklch(87.34% 0.0621 275.38) 6.5%, oklch(85.49% 0.0721 257.85) 9.7%, oklch(83.41% 0.0888 238.31) 12.9%, oklch(81.15% 0.0849 217.81) 16.1%, oklch(78.76% 0.0810 197.39) 19.4%, oklch(76.29% 0.0775 178.10) 22.6%, oklch(73.79% 0.0744 160.99) 25.8%, oklch(71.31% 0.0720 147.09) 29.0%, oklch(68.89% 0.0705 137.46) 32.3%, oklch(66.53% 0.0702 132.53) 35.5%, oklch(64.06% 0.0709 130.68) 38.7%, oklch(61.49% 0.0724 131.47) 41.9%, oklch(58.86% 0.0746 134.57) 45.2%, oklch(56.20% 0.0772 139.66) 48.4%, oklch(53.55% 0.0800 146.41) 51.6%, oklch(50.92% 0.0828 154.49) 54.8%, oklch(48.37% 0.0854 163.59) 58.1%, oklch(45.91% 0.0876 173.38) 61.3%, oklch(43.59% 0.0774 183.52) 64.5%, oklch(41.42% 0.0708 193.91) 67.7%, oklch(39.28% 0.0673 206.61) 71.0%, oklch(37.15% 0.0685 221.73) 74.2%, oklch(35.07% 0.0784 238.56) 77.4%, oklch(33.05% 0.0871 256.31) 80.6%, oklch(31.14% 0.0857 274.45) 83.9%, oklch(29.35% 0.0843 292.23) 87.1%, oklch(27.71% 0.0829 308.93) 90.3%, oklch(26.26% 0.0816 323.87) 93.5%, oklch(25.02% 0.0806 336.35) 96.8%, oklch(24.02% 0.0799 345.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.902 | 0.101 | 300.2 |
| 2 | 0.681 | 0.07 | 135.4 |
| 3 | 0.421 | 0.09 | 190.3 |
| 4 | 0.24 | 0.08 | 345.7 |

## In these collections

- [Witchy color palette](https://grabient.com/witchy-color-palette)

## Other forms

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