# Stone and terracotta weathered garden palette

This palette moves from light magenta through orange to dark orange. It steadily darkens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical mood boards and garden event graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Analogous gray, pink and brown radial gradient
- Seed: `kS0Bb5TCTFyKQwk`
- Page: https://grabient.com/kS0Bb5TCTFyKQwk?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 8.5 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 | `#d4bcc6` | `oklch(81.89% 0.0303 350.16)` | Queen’s Tart | black, 11.8 to 1 |
| 2 | `#d3b9c3` | `oklch(81.11% 0.0331 352.02)` | Lavender Blessing | black, 11.5 to 1 |
| 3 | `#d3b5c0` | `oklch(80.20% 0.0369 354.35)` | Delightful | black, 11.1 to 1 |
| 4 | `#d2b1bb` | `oklch(79.17% 0.0414 357.09)` | Iced Watermelon | black, 10.7 to 1 |
| 5 | `#d2acb6` | `oklch(78.03% 0.0466 0.18)` | Sugarplum Dance | black, 10.2 to 1 |
| 6 | `#d1a6b0` | `oklch(76.78% 0.0522 3.54)` | Lady Flower | black, 9.8 to 1 |
| 7 | `#d1a1a9` | `oklch(75.45% 0.0582 7.13)` | Birthday Candle | black, 9.3 to 1 |
| 8 | `#d09ba1` | `oklch(74.02% 0.0643 10.87)` | Edwardian Rose | black, 8.8 to 1 |
| 9 | `#cf9498` | `oklch(72.53% 0.0704 14.70)` | Rosetti | black, 8.3 to 1 |
| 10 | `#cd8e8f` | `oklch(70.97% 0.0764 18.55)` | Martini East | black, 7.8 to 1 |
| 11 | `#cb8885` | `oklch(69.35% 0.0821 22.37)` | Almond Rose | black, 7.3 to 1 |
| 12 | `#c8827b` | `oklch(67.68% 0.0873 26.08)` | Luscious Lobster | black, 6.9 to 1 |
| 13 | `#c47c71` | `oklch(65.98% 0.0918 29.63)` | Antique Pink | black, 6.4 to 1 |
| 14 | `#c07767` | `oklch(64.24% 0.0956 32.95)` | Himalayan Salt | black, 6 to 1 |
| 15 | `#bb715d` | `oklch(62.49% 0.0984 35.98)` | Spiced | black, 5.6 to 1 |
| 16 | `#b56c55` | `oklch(60.73% 0.1002 38.64)` | Clay | black, 5.2 to 1 |
| 17 | `#af674d` | `oklch(58.93% 0.1007 40.93)` | Rusty Gate | black, 4.8 to 1 |
| 18 | `#a86245` | `oklch(56.96% 0.1000 43.02)` | Borneo | white, 4.6 to 1 |
| 19 | `#a05d3e` | `oklch(54.82% 0.0982 44.96)` | Sepia Skin | white, 5 to 1 |
| 20 | `#975838` | `oklch(52.54% 0.0955 46.76)` | Coconut | white, 5.5 to 1 |
| 21 | `#8e5232` | `oklch(50.16% 0.0921 48.42)` | Rusted Earth | white, 6.1 to 1 |
| 22 | `#844d2c` | `oklch(47.71% 0.0881 49.95)` | Chestnut Glaze | white, 6.8 to 1 |
| 23 | `#7a4727` | `oklch(45.22% 0.0835 51.36)` | Urban Auburn | white, 7.5 to 1 |
| 24 | `#704223` | `oklch(42.74% 0.0787 52.66)` | Davao Durian | white, 8.4 to 1 |
| 25 | `#673d1f` | `oklch(40.30% 0.0736 53.85)` | Cassiterite Brown | white, 9.3 to 1 |
| 26 | `#5e371b` | `oklch(37.93% 0.0686 54.95)` | Bock | white, 10.2 to 1 |
| 27 | `#553319` | `oklch(35.66% 0.0636 55.95)` | Brown Bramble | white, 11.2 to 1 |
| 28 | `#4d2e16` | `oklch(33.54% 0.0589 56.88)` | Bittersweet Chocolate | white, 12.1 to 1 |
| 29 | `#462a14` | `oklch(31.59% 0.0546 57.73)` | Brown Study | white, 13 to 1 |
| 30 | `#402712` | `oklch(29.86% 0.0508 58.51)` | Night Brown | white, 13.8 to 1 |
| 31 | `#3b2410` | `oklch(28.37% 0.0477 59.23)` | Wetlands Swamp | white, 14.5 to 1 |
| 32 | `#37210e` | `oklch(27.17% 0.0455 59.90)` | Black Slug | white, 15.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #d4bcc6 0.0%, #d3b9c3 3.2%, #d3b5c0 6.5%, #d2b1bb 9.7%, #d2acb6 12.9%, #d1a6b0 16.1%, #d1a1a9 19.4%, #d09ba1 22.6%, #cf9498 25.8%, #cd8e8f 29.0%, #cb8885 32.3%, #c8827b 35.5%, #c47c71 38.7%, #c07767 41.9%, #bb715d 45.2%, #b56c55 48.4%, #af674d 51.6%, #a86245 54.8%, #a05d3e 58.1%, #975838 61.3%, #8e5232 64.5%, #844d2c 67.7%, #7a4727 71.0%, #704223 74.2%, #673d1f 77.4%, #5e371b 80.6%, #553319 83.9%, #4d2e16 87.1%, #462a14 90.3%, #402712 93.5%, #3b2410 96.8%, #37210e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(81.89% 0.0303 350.16) 0.0%, oklch(81.11% 0.0331 352.02) 3.2%, oklch(80.20% 0.0369 354.35) 6.5%, oklch(79.17% 0.0414 357.09) 9.7%, oklch(78.03% 0.0466 0.18) 12.9%, oklch(76.78% 0.0522 3.54) 16.1%, oklch(75.45% 0.0582 7.13) 19.4%, oklch(74.02% 0.0643 10.87) 22.6%, oklch(72.53% 0.0704 14.70) 25.8%, oklch(70.97% 0.0764 18.55) 29.0%, oklch(69.35% 0.0821 22.37) 32.3%, oklch(67.68% 0.0873 26.08) 35.5%, oklch(65.98% 0.0918 29.63) 38.7%, oklch(64.24% 0.0956 32.95) 41.9%, oklch(62.49% 0.0984 35.98) 45.2%, oklch(60.73% 0.1002 38.64) 48.4%, oklch(58.93% 0.1007 40.93) 51.6%, oklch(56.96% 0.1000 43.02) 54.8%, oklch(54.82% 0.0982 44.96) 58.1%, oklch(52.54% 0.0955 46.76) 61.3%, oklch(50.16% 0.0921 48.42) 64.5%, oklch(47.71% 0.0881 49.95) 67.7%, oklch(45.22% 0.0835 51.36) 71.0%, oklch(42.74% 0.0787 52.66) 74.2%, oklch(40.30% 0.0736 53.85) 77.4%, oklch(37.93% 0.0686 54.95) 80.6%, oklch(35.66% 0.0636 55.95) 83.9%, oklch(33.54% 0.0589 56.88) 87.1%, oklch(31.59% 0.0546 57.73) 90.3%, oklch(29.86% 0.0508 58.51) 93.5%, oklch(28.37% 0.0477 59.23) 96.8%, oklch(27.17% 0.0455 59.90) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.03 | 350.2 |
| 2 | 0.598 | 0.101 | 399.8 |
| 3 | 0.272 | 0.045 | 419.9 |

## In these collections

- [Weathered garden gradients](https://grabient.com/weathered-garden-gradients)

## Other forms

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