# Cream olive charcoal and plum SoHo rings

Warm cream descends through concrete gray and dusty rose, turns through muted ochre and olive, then falls into brown and charcoal-black before ending in plum. Twenty-four radial swatches arrange this SoHo chic palette in concentric bands. The pale center and deep outer passage create a restrained setting for the olive and purple accents.

- Also called: Gray, brown, black and purple radial swatches
- Seed: `kW7Q86QAQ1c-lzsag6zuafDo`
- Page: https://grabient.com/kW7Q86QAQ1c-lzsag6zuafDo?style=radialSwatches&steps=24&angle=0
- Drawn as: radial swatches, 24 steps, 0 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 14.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 | `#f0e8da` | `oklch(93.31% 0.0207 81.56)` | Bright Ocarina | black, 17.2 to 1 |
| 2 | `#dfd5ca` | `oklch(87.70% 0.0183 68.71)` | Almond Beige | black, 14.4 to 1 |
| 3 | `#c4b9b4` | `oklch(79.38% 0.0140 48.79)` | Rubidium | black, 10.9 to 1 |
| 4 | `#a49c9b` | `oklch(69.89% 0.0096 26.58)` | Boiling Mud | black, 7.7 to 1 |
| 5 | `#868182` | `oklch(60.78% 0.0068 6.87)` | Chert | black, 5.4 to 1 |
| 6 | `#716c6e` | `oklch(53.59% 0.0073 354.45)` | Deep Greige | white, 5.1 to 1 |
| 7 | `#696063` | `oklch(49.88% 0.0132 354.26)` | Stunning Shade | white, 6 to 1 |
| 8 | `#735e60` | `oklch(50.37% 0.0277 11.15)` | Nasake | white, 5.9 to 1 |
| 9 | `#876559` | `oklch(53.69% 0.0484 39.80)` | Tanbark | white, 5.2 to 1 |
| 10 | `#95744a` | `oklch(58.09% 0.0707 72.30)` | Rococo Gold | black, 4.8 to 1 |
| 11 | `#928743` | `oklch(61.87% 0.0900 100.76)` | Eden Prairie | black, 5.7 to 1 |
| 12 | `#859246` | `oklch(63.30% 0.1017 117.25)` | Pepper Sprout | black, 6.2 to 1 |
| 13 | `#81893c` | `oklch(60.70% 0.1013 114.30)` | Sea Turtle | black, 5.5 to 1 |
| 14 | `#806d2c` | `oklch(53.89% 0.0873 92.22)` | Tarnished Brass | white, 5 to 1 |
| 15 | `#6f4b2e` | `oklch(44.67% 0.0652 58.33)` | Tilled Soil | white, 7.6 to 1 |
| 16 | `#4e3231` | `oklch(34.92% 0.0410 20.18)` | Espresso | white, 11.5 to 1 |
| 17 | `#2d2128` | `oklch(26.53% 0.0206 345.33)` | Shikon | white, 15.4 to 1 |
| 18 | `#1b181c` | `oklch(21.41% 0.0101 321.34)` | Aswad Black | white, 17.5 to 1 |
| 19 | `#1a161d` | `oklch(20.97% 0.0138 312.81)` | Violet Void | white, 17.7 to 1 |
| 20 | `#251c29` | `oklch(24.21% 0.0288 314.43)` | To Hell and Black | white, 16.4 to 1 |
| 21 | `#39243c` | `oklch(29.69% 0.0505 322.46)` | Kokimurasaki Purple | white, 14 to 1 |
| 22 | `#542d4d` | `oklch(35.98% 0.0741 333.36)` | Plum Skin | white, 11.2 to 1 |
| 23 | `#6f3559` | `oklch(41.65% 0.0951 343.59)` | Grape | white, 9 to 1 |
| 24 | `#81395f` | `oklch(45.28% 0.1089 349.63)` | Pleasure | white, 7.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f0e8da 0.000% 4.167%, #dfd5ca 4.167% 8.333%, #c4b9b4 8.333% 12.500%, #a49c9b 12.500% 16.667%, #868182 16.667% 20.833%, #716c6e 20.833% 25.000%, #696063 25.000% 29.167%, #735e60 29.167% 33.333%, #876559 33.333% 37.500%, #95744a 37.500% 41.667%, #928743 41.667% 45.833%, #859246 45.833% 50.000%, #81893c 50.000% 54.167%, #806d2c 54.167% 58.333%, #6f4b2e 58.333% 62.500%, #4e3231 62.500% 66.667%, #2d2128 66.667% 70.833%, #1b181c 70.833% 75.000%, #1a161d 75.000% 79.167%, #251c29 79.167% 83.333%, #39243c 83.333% 87.500%, #542d4d 87.500% 91.667%, #6f3559 91.667% 95.833%, #81395f 95.833% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(93.31% 0.0207 81.56) 0.000% 4.167%, oklch(87.70% 0.0183 68.71) 4.167% 8.333%, oklch(79.38% 0.0140 48.79) 8.333% 12.500%, oklch(69.89% 0.0096 26.58) 12.500% 16.667%, oklch(60.78% 0.0068 6.87) 16.667% 20.833%, oklch(53.59% 0.0073 354.45) 20.833% 25.000%, oklch(49.88% 0.0132 354.26) 25.000% 29.167%, oklch(50.37% 0.0277 11.15) 29.167% 33.333%, oklch(53.69% 0.0484 39.80) 33.333% 37.500%, oklch(58.09% 0.0707 72.30) 37.500% 41.667%, oklch(61.87% 0.0900 100.76) 41.667% 45.833%, oklch(63.30% 0.1017 117.25) 45.833% 50.000%, oklch(60.70% 0.1013 114.30) 50.000% 54.167%, oklch(53.89% 0.0873 92.22) 54.167% 58.333%, oklch(44.67% 0.0652 58.33) 58.333% 62.500%, oklch(34.92% 0.0410 20.18) 62.500% 66.667%, oklch(26.53% 0.0206 345.33) 66.667% 70.833%, oklch(21.41% 0.0101 321.34) 70.833% 75.000%, oklch(20.97% 0.0138 312.81) 75.000% 79.167%, oklch(24.21% 0.0288 314.43) 79.167% 83.333%, oklch(29.69% 0.0505 322.46) 83.333% 87.500%, oklch(35.98% 0.0741 333.36) 87.500% 91.667%, oklch(41.65% 0.0951 343.59) 91.667% 95.833%, oklch(45.28% 0.1089 349.63) 95.833% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.933 | 0.021 | 81.6 |
| 2 | 0.504 | 0.011 | -7.2 |
| 3 | 0.626 | 0.103 | 118.5 |
| 4 | 0.209 | 0.01 | -42.1 |
| 5 | 0.453 | 0.109 | -10.4 |

## In these collections

- [SoHo chic colors](https://grabient.com/soho-chic-colors)

## Other forms

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