# Aubergine and gold garden palette

The Aubergine and gold garden palette brings together purple, blue, light gray, gold, and pale yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is purple, and its lightest tone is pale yellow.

- Also called: Purple, gray and beige linear swatches
- Seed: `kYTV7RwYs81uILVumL1-BxAPgbQm`
- Page: https://grabient.com/kYTV7RwYs81uILVumL1-BxAPgbQm?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, pastel, light
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.3 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 | `#361867` | `oklch(30.31% 0.1295 294.61)` | Candied Blueberry | white, 14.2 to 1 |
| 2 | `#43376d` | `oklch(37.71% 0.0906 292.11)` | American Blue | white, 10.4 to 1 |
| 3 | `#585b75` | `oklch(47.83% 0.0427 280.48)` | Agate Violet | white, 6.6 to 1 |
| 4 | `#6c7982` | `oklch(56.88% 0.0206 234.85)` | Iron Frost | black, 4.7 to 1 |
| 5 | `#89958d` | `oklch(65.66% 0.0175 157.98)` | Deco Grey | black, 6.7 to 1 |
| 6 | `#abaa99` | `oklch(73.51% 0.0241 104.13)` | Humble Hippo | black, 8.9 to 1 |
| 7 | `#cabe9f` | `oklch(80.34% 0.0437 90.19)` | Sandwashed | black, 11.3 to 1 |
| 8 | `#e1d0a1` | `oklch(86.04% 0.0648 90.11)` | Woven | black, 13.7 to 1 |
| 9 | `#f4dda7` | `oklch(90.33% 0.0738 87.88)` | Cutlery Polish | black, 15.7 to 1 |
| 10 | `#fde7ae` | `oklch(93.32% 0.0765 89.30)` | Gold Thread | black, 17.2 to 1 |
| 11 | `#ffeeb3` | `oklch(94.92% 0.0774 94.38)` | Joyous | black, 18.1 to 1 |
| 12 | `#f5f2b6` | `oklch(94.87% 0.0760 104.58)` | Casino Lights | black, 18.2 to 1 |
| 13 | `#edf3b9` | `oklch(94.49% 0.0744 112.85)` | Chiffon | black, 18 to 1 |

## CSS

```css
background: linear-gradient(90deg, #361867 0.000% 7.692%, #43376d 7.692% 15.385%, #585b75 15.385% 23.077%, #6c7982 23.077% 30.769%, #89958d 30.769% 38.462%, #abaa99 38.462% 46.154%, #cabe9f 46.154% 53.846%, #e1d0a1 53.846% 61.538%, #f4dda7 61.538% 69.231%, #fde7ae 69.231% 76.923%, #ffeeb3 76.923% 84.615%, #f5f2b6 84.615% 92.308%, #edf3b9 92.308% 100.000%);
background: linear-gradient(90deg, oklch(30.31% 0.1295 294.61) 0.000% 7.692%, oklch(37.71% 0.0906 292.11) 7.692% 15.385%, oklch(47.83% 0.0427 280.48) 15.385% 23.077%, oklch(56.88% 0.0206 234.85) 23.077% 30.769%, oklch(65.66% 0.0175 157.98) 30.769% 38.462%, oklch(73.51% 0.0241 104.13) 38.462% 46.154%, oklch(80.34% 0.0437 90.19) 46.154% 53.846%, oklch(86.04% 0.0648 90.11) 53.846% 61.538%, oklch(90.33% 0.0738 87.88) 61.538% 69.231%, oklch(93.32% 0.0765 89.30) 69.231% 76.923%, oklch(94.92% 0.0774 94.38) 76.923% 84.615%, oklch(94.87% 0.0760 104.58) 84.615% 92.308%, oklch(94.49% 0.0744 112.85) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.13 | 294.6 |
| 2 | 0.516 | 0.03 | 268.2 |
| 3 | 0.72 | 0.022 | 110.7 |
| 4 | 0.87 | 0.068 | 89.6 |
| 5 | 0.945 | 0.077 | 91.7 |
| 6 | 0.945 | 0.074 | 112.8 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)

## Other forms

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