# Analogous gray, pink and brown radial swatches

Analogous gray, pink and brown radial swatches with 32 colors: #d4bcc6, #d3b9c3, #d3b5c0, #d2b1bb, #d2acb6, #d1a6b0, #d1a1a9, #d09ba1, #cf9498, #cd8e8f, #cb8885, #c8827b, #c47c71, #c07767, #bb715d, #b56c55, #af674d, #a86245, #a05d3e, #975838, #8e5232, #844d2c, #7a4727, #704223, #673d1f, #5e371b, #553319, #4d2e16, #462a14, #402712, #3b2410, #37210e. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS0Bb5TCTFyKQwk`
- Page: https://grabient.com/kS0Bb5TCTFyKQwk?style=radialSwatches&steps=32&angle=225
- Drawn as: radial swatches, 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.000% 3.125%, #d3b9c3 3.125% 6.250%, #d3b5c0 6.250% 9.375%, #d2b1bb 9.375% 12.500%, #d2acb6 12.500% 15.625%, #d1a6b0 15.625% 18.750%, #d1a1a9 18.750% 21.875%, #d09ba1 21.875% 25.000%, #cf9498 25.000% 28.125%, #cd8e8f 28.125% 31.250%, #cb8885 31.250% 34.375%, #c8827b 34.375% 37.500%, #c47c71 37.500% 40.625%, #c07767 40.625% 43.750%, #bb715d 43.750% 46.875%, #b56c55 46.875% 50.000%, #af674d 50.000% 53.125%, #a86245 53.125% 56.250%, #a05d3e 56.250% 59.375%, #975838 59.375% 62.500%, #8e5232 62.500% 65.625%, #844d2c 65.625% 68.750%, #7a4727 68.750% 71.875%, #704223 71.875% 75.000%, #673d1f 75.000% 78.125%, #5e371b 78.125% 81.250%, #553319 81.250% 84.375%, #4d2e16 84.375% 87.500%, #462a14 87.500% 90.625%, #402712 90.625% 93.750%, #3b2410 93.750% 96.875%, #37210e 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(81.89% 0.0303 350.16) 0.000% 3.125%, oklch(81.11% 0.0331 352.02) 3.125% 6.250%, oklch(80.20% 0.0369 354.35) 6.250% 9.375%, oklch(79.17% 0.0414 357.09) 9.375% 12.500%, oklch(78.03% 0.0466 0.18) 12.500% 15.625%, oklch(76.78% 0.0522 3.54) 15.625% 18.750%, oklch(75.45% 0.0582 7.13) 18.750% 21.875%, oklch(74.02% 0.0643 10.87) 21.875% 25.000%, oklch(72.53% 0.0704 14.70) 25.000% 28.125%, oklch(70.97% 0.0764 18.55) 28.125% 31.250%, oklch(69.35% 0.0821 22.37) 31.250% 34.375%, oklch(67.68% 0.0873 26.08) 34.375% 37.500%, oklch(65.98% 0.0918 29.63) 37.500% 40.625%, oklch(64.24% 0.0956 32.95) 40.625% 43.750%, oklch(62.49% 0.0984 35.98) 43.750% 46.875%, oklch(60.73% 0.1002 38.64) 46.875% 50.000%, oklch(58.93% 0.1007 40.93) 50.000% 53.125%, oklch(56.96% 0.1000 43.02) 53.125% 56.250%, oklch(54.82% 0.0982 44.96) 56.250% 59.375%, oklch(52.54% 0.0955 46.76) 59.375% 62.500%, oklch(50.16% 0.0921 48.42) 62.500% 65.625%, oklch(47.71% 0.0881 49.95) 65.625% 68.750%, oklch(45.22% 0.0835 51.36) 68.750% 71.875%, oklch(42.74% 0.0787 52.66) 71.875% 75.000%, oklch(40.30% 0.0736 53.85) 75.000% 78.125%, oklch(37.93% 0.0686 54.95) 78.125% 81.250%, oklch(35.66% 0.0636 55.95) 81.250% 84.375%, oklch(33.54% 0.0589 56.88) 84.375% 87.500%, oklch(31.59% 0.0546 57.73) 87.500% 90.625%, oklch(29.86% 0.0508 58.51) 90.625% 93.750%, oklch(28.37% 0.0477 59.23) 93.750% 96.875%, oklch(27.17% 0.0455 59.90) 96.875% 100.000%);
```

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