# Uncanny Garden palette

The Uncanny Garden palette brings together pale yellow, green, teal, purple, and blue. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is blue, and its lightest tone is pale yellow.

- Also called: Gray, green, blue and dark purple radial gradient
- Seed: `kW6hhERxhE7ORRHJF9CqRC8g`
- Page: https://grabient.com/kW6hhERxhE7ORRHJF9CqRC8g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 10 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 | `#ebe5cd` | `oklch(92.13% 0.0331 95.62)` | Elderberry White | black, 16.6 to 1 |
| 2 | `#e1dcc1` | `oklch(89.07% 0.0361 99.04)` | Silver Fern | black, 15.1 to 1 |
| 3 | `#d1cfb1` | `oklch(84.84% 0.0405 103.64)` | Pale Ivy | black, 13.2 to 1 |
| 4 | `#bfc09e` | `oklch(79.78% 0.0459 109.11)` | Animal Kingdom | black, 11.2 to 1 |
| 5 | `#aab08b` | `oklch(74.28% 0.0515 115.16)` | Wall Green | black, 9.2 to 1 |
| 6 | `#95a079` | `oklch(68.69% 0.0569 121.49)` | Renkon Beige | black, 7.5 to 1 |
| 7 | `#80926a` | `oklch(63.39% 0.0616 127.80)` | Green Eyes | black, 6.2 to 1 |
| 8 | `#6d855e` | `oklch(58.74% 0.0649 133.79)` | Equatorial Forest | black, 5.1 to 1 |
| 9 | `#5e7b56` | `oklch(55.08% 0.0663 139.13)` | Green Mantle | white, 4.7 to 1 |
| 10 | `#527350` | `oklch(51.89% 0.0656 143.14)` | Irish Clover | white, 5.3 to 1 |
| 11 | `#486a4b` | `oklch(48.96% 0.0633 146.15)` | Sabal Palm | white, 6 to 1 |
| 12 | `#416246` | `oklch(46.34% 0.0599 148.86)` | Cupidity | white, 6.8 to 1 |
| 13 | `#3b5c43` | `oklch(44.13% 0.0560 151.96)` | Horsetail | white, 7.5 to 1 |
| 14 | `#365742` | `oklch(42.38% 0.0522 156.15)` | O’Neal Green | white, 8.1 to 1 |
| 15 | `#315343` | `oklch(41.18% 0.0490 162.12)` | Highland Green | white, 8.5 to 1 |
| 16 | `#2d5246` | `oklch(40.59% 0.0471 170.57)` | Highland Green | white, 8.7 to 1 |
| 17 | `#2a524c` | `oklch(40.81% 0.0470 182.48)` | Sea Moss | white, 8.6 to 1 |
| 18 | `#2b5658` | `oklch(42.43% 0.0485 199.40)` | Sea Challenge | white, 8.1 to 1 |
| 19 | `#335c69` | `oklch(45.11% 0.0512 219.95)` | Under the Sea | white, 7.2 to 1 |
| 20 | `#43637b` | `oklch(48.36% 0.0545 242.37)` | Stellar | white, 6.3 to 1 |
| 21 | `#58688a` | `oklch(51.71% 0.0580 264.90)` | Allegiance | white, 5.5 to 1 |
| 22 | `#6d6c93` | `oklch(54.68% 0.0612 285.77)` | Campanula Purple | white, 4.9 to 1 |
| 23 | `#7e6e96` | `oklch(56.79% 0.0636 303.23)` | Ornate | white, 4.6 to 1 |
| 24 | `#886d93` | `oklch(57.55% 0.0647 315.49)` | Rhinestone | black, 4.6 to 1 |
| 25 | `#886a8d` | `oklch(56.60% 0.0643 321.38)` | Beauty | white, 4.6 to 1 |
| 26 | `#816385` | `oklch(54.14% 0.0625 322.05)` | Orchid Orchestra | white, 5.1 to 1 |
| 27 | `#745a7b` | `oklch(50.63% 0.0599 318.82)` | Dr Who | white, 6 to 1 |
| 28 | `#655070` | `oklch(46.48% 0.0567 312.98)` | Futaai Indigo | white, 7.1 to 1 |
| 29 | `#554665` | `oklch(42.14% 0.0532 305.79)` | Nightly Walk | white, 8.5 to 1 |
| 30 | `#463d5a` | `oklch(38.04% 0.0500 298.55)` | Purple Velvet | white, 10.1 to 1 |
| 31 | `#3a3550` | `oklch(34.61% 0.0473 292.53)` | Caddies Silk | white, 11.6 to 1 |
| 32 | `#333049` | `oklch(32.28% 0.0455 289.01)` | Plum Fuzz | white, 12.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ebe5cd 0.0%, #e1dcc1 3.2%, #d1cfb1 6.5%, #bfc09e 9.7%, #aab08b 12.9%, #95a079 16.1%, #80926a 19.4%, #6d855e 22.6%, #5e7b56 25.8%, #527350 29.0%, #486a4b 32.3%, #416246 35.5%, #3b5c43 38.7%, #365742 41.9%, #315343 45.2%, #2d5246 48.4%, #2a524c 51.6%, #2b5658 54.8%, #335c69 58.1%, #43637b 61.3%, #58688a 64.5%, #6d6c93 67.7%, #7e6e96 71.0%, #886d93 74.2%, #886a8d 77.4%, #816385 80.6%, #745a7b 83.9%, #655070 87.1%, #554665 90.3%, #463d5a 93.5%, #3a3550 96.8%, #333049 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(92.13% 0.0331 95.62) 0.0%, oklch(89.07% 0.0361 99.04) 3.2%, oklch(84.84% 0.0405 103.64) 6.5%, oklch(79.78% 0.0459 109.11) 9.7%, oklch(74.28% 0.0515 115.16) 12.9%, oklch(68.69% 0.0569 121.49) 16.1%, oklch(63.39% 0.0616 127.80) 19.4%, oklch(58.74% 0.0649 133.79) 22.6%, oklch(55.08% 0.0663 139.13) 25.8%, oklch(51.89% 0.0656 143.14) 29.0%, oklch(48.96% 0.0633 146.15) 32.3%, oklch(46.34% 0.0599 148.86) 35.5%, oklch(44.13% 0.0560 151.96) 38.7%, oklch(42.38% 0.0522 156.15) 41.9%, oklch(41.18% 0.0490 162.12) 45.2%, oklch(40.59% 0.0471 170.57) 48.4%, oklch(40.81% 0.0470 182.48) 51.6%, oklch(42.43% 0.0485 199.40) 54.8%, oklch(45.11% 0.0512 219.95) 58.1%, oklch(48.36% 0.0545 242.37) 61.3%, oklch(51.71% 0.0580 264.90) 64.5%, oklch(54.68% 0.0612 285.77) 67.7%, oklch(56.79% 0.0636 303.23) 71.0%, oklch(57.55% 0.0647 315.49) 74.2%, oklch(56.60% 0.0643 321.38) 77.4%, oklch(54.14% 0.0625 322.05) 80.6%, oklch(50.63% 0.0599 318.82) 83.9%, oklch(46.48% 0.0567 312.98) 87.1%, oklch(42.14% 0.0532 305.79) 90.3%, oklch(38.04% 0.0500 298.55) 93.5%, oklch(34.61% 0.0473 292.53) 96.8%, oklch(32.28% 0.0455 289.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.921 | 0.033 | 95.6 |
| 2 | 0.559 | 0.066 | 137.9 |
| 3 | 0.406 | 0.047 | 175.9 |
| 4 | 0.575 | 0.065 | 317.5 |
| 5 | 0.323 | 0.045 | 289 |

## In these collections

- [Liminal colors](https://grabient.com/liminal-colors)

## Other forms

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