# SoHo black plum and warm cream halo

A black center opens through aubergine and smoky plum into concrete gray and warm cream, then turns through pale gold and peach toward carrot orange. This sixty-four-stop radial gradient gives a SoHo-inspired palette a deep central shadow and warm outer edge. Its restrained neutrals frame the plum and orange accents in a broad luminous transition.

- Also called: Black, purple, gray and orange radial gradient
- Seed: `kWNAPLtSTGTuEu_zh9B0Tm7A`
- Page: https://grabient.com/kWNAPLtSTGTuEu_zh9B0Tm7A?style=radialGradient&steps=64&angle=0
- Drawn as: radial gradient, 64 steps, 0 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 13.7 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 | `#171719` | `oklch(20.47% 0.0041 286.17)` | Piano Black | white, 17.9 to 1 |
| 2 | `#19181c` | `oklch(21.26% 0.0079 288.26)` | Aswad Black | white, 17.6 to 1 |
| 3 | `#1b1a21` | `oklch(22.26% 0.0130 291.02)` | Coarse Wool | white, 17.2 to 1 |
| 4 | `#1e1c26` | `oklch(23.43% 0.0192 294.36)` | Night Demons | white, 16.7 to 1 |
| 5 | `#221e2c` | `oklch(24.76% 0.0263 298.16)` | Black Howl | white, 16.2 to 1 |
| 6 | `#282132` | `oklch(26.20% 0.0340 302.31)` | Cold Steel | white, 15.5 to 1 |
| 7 | `#2e2339` | `oklch(27.74% 0.0421 306.71)` | Bleached Cedar | white, 14.9 to 1 |
| 8 | `#34253f` | `oklch(29.35% 0.0505 311.24)` | Kokimurasaki Purple | white, 14.2 to 1 |
| 9 | `#3c2644` | `oklch(30.99% 0.0589 315.80)` | Aubergine Mauve | white, 13.4 to 1 |
| 10 | `#44284a` | `oklch(32.63% 0.0671 320.28)` | Opulent Mauve | white, 12.7 to 1 |
| 11 | `#4c2a4e` | `oklch(34.26% 0.0749 324.56)` | Murasaki | white, 12 to 1 |
| 12 | `#532b52` | `oklch(35.83% 0.0820 328.55)` | Purple Shade | white, 11.3 to 1 |
| 13 | `#5b2d55` | `oklch(37.33% 0.0883 332.13)` | Japanese Violet | white, 10.7 to 1 |
| 14 | `#622f58` | `oklch(38.71% 0.0935 335.19)` | Spanish Plum | white, 10.2 to 1 |
| 15 | `#68305a` | `oklch(39.96% 0.0974 337.63)` | Velvet Mauve | white, 9.7 to 1 |
| 16 | `#6d325c` | `oklch(41.05% 0.0999 339.34)` | Grape | white, 9.3 to 1 |
| 17 | `#70345e` | `oklch(41.93% 0.1006 340.18)` | Grape | white, 8.9 to 1 |
| 18 | `#713660` | `oklch(42.57% 0.0995 339.83)` | Grape | white, 8.7 to 1 |
| 19 | `#713962` | `oklch(42.97% 0.0968 338.32)` | Burnt Orchid | white, 8.5 to 1 |
| 20 | `#6f3b64` | `oklch(43.18% 0.0928 335.86)` | Burnt Orchid | white, 8.4 to 1 |
| 21 | `#6c3d65` | `oklch(43.24% 0.0875 332.64)` | Berry Light | white, 8.4 to 1 |
| 22 | `#693f66` | `oklch(43.19% 0.0813 328.87)` | Purple Odyssey | white, 8.3 to 1 |
| 23 | `#644167` | `oklch(43.08% 0.0743 324.75)` | Purple Odyssey | white, 8.3 to 1 |
| 24 | `#604366` | `oklch(42.94% 0.0669 320.47)` | Pansy Petal | white, 8.3 to 1 |
| 25 | `#5c4565` | `oklch(42.83% 0.0591 316.24)` | Brunneous | white, 8.3 to 1 |
| 26 | `#594764` | `oklch(42.77% 0.0512 312.26)` | Purple People Eater | white, 8.3 to 1 |
| 27 | `#564962` | `oklch(42.82% 0.0434 308.72)` | Soul Train | white, 8.3 to 1 |
| 28 | `#554b60` | `oklch(43.02% 0.0360 305.84)` | Paparazzi | white, 8.2 to 1 |
| 29 | `#544d5e` | `oklch(43.40% 0.0291 303.80)` | Mulled Wine | white, 8 to 1 |
| 30 | `#55505d` | `oklch(44.02% 0.0229 302.81)` | Salvation | white, 7.8 to 1 |
| 31 | `#57535d` | `oklch(44.91% 0.0178 303.08)` | Coal Tipple | white, 7.5 to 1 |
| 32 | `#5a575f` | `oklch(46.12% 0.0139 304.79)` | Midnight Badger | white, 7.1 to 1 |
| 33 | `#5e5b62` | `oklch(47.70% 0.0112 308.19)` | Tornado Cloud | white, 6.6 to 1 |
| 34 | `#646166` | `oklch(49.82% 0.0089 313.52)` | Windsor Grey | white, 6 to 1 |
| 35 | `#6c696d` | `oklch(52.42% 0.0069 320.57)` | Scapa Flow | white, 5.4 to 1 |
| 36 | `#747274` | `oklch(55.40% 0.0053 329.07)` | Paris Paving | white, 4.7 to 1 |
| 37 | `#7e7b7d` | `oklch(58.69% 0.0040 338.74)` | Stormy Grey | black, 5 to 1 |
| 38 | `#888687` | `oklch(62.19% 0.0030 349.32)` | Titanium | black, 5.8 to 1 |
| 39 | `#939191` | `oklch(65.84% 0.0025 0.52)` | Nickel | black, 6.6 to 1 |
| 40 | `#9e9c9c` | `oklch(69.53% 0.0023 12.09)` | Waiting | black, 7.7 to 1 |
| 41 | `#aaa8a7` | `oklch(73.20% 0.0027 23.74)` | Nosferatu | black, 8.8 to 1 |
| 42 | `#b5b3b2` | `oklch(76.74% 0.0035 35.20)` | Michigan Avenue | black, 10 to 1 |
| 43 | `#c1bdbb` | `oklch(80.08% 0.0047 46.21)` | Grey Shadows | black, 11.2 to 1 |
| 44 | `#cbc7c4` | `oklch(83.14% 0.0066 56.49)` | Ice Grey | black, 12.4 to 1 |
| 45 | `#d5cfca` | `oklch(85.82% 0.0089 65.77)` | Light Taupe White | black, 13.6 to 1 |
| 46 | `#dcd7cf` | `oklch(88.04% 0.0118 73.78)` | Catacomb Walls | black, 14.6 to 1 |
| 47 | `#e2dcd2` | `oklch(89.73% 0.0154 80.25)` | White Luxe | black, 15.4 to 1 |
| 48 | `#e7e0d2` | `oklch(90.79% 0.0195 84.89)` | Herare White | black, 15.9 to 1 |
| 49 | `#e9e1d0` | `oklch(91.16% 0.0246 87.64)` | Cosy White | black, 16.1 to 1 |
| 50 | `#e9e0ca` | `oklch(90.91% 0.0311 88.87)` | Restoration Ivory | black, 16 to 1 |
| 51 | `#e9dec2` | `oklch(90.10% 0.0388 88.77)` | Adobe Sand | black, 15.6 to 1 |
| 52 | `#e7d9b7` | `oklch(88.81% 0.0475 87.53)` | At the Beach | black, 15 to 1 |
| 53 | `#e6d3aa` | `oklch(87.13% 0.0571 85.29)` | Morning Wheat | black, 14.2 to 1 |
| 54 | `#e4cb9c` | `oklch(85.12% 0.0673 82.25)` | Prairie Land | black, 13.2 to 1 |
| 55 | `#e3c18d` | `oklch(82.86% 0.0779 78.56)` | Yellow Beige | black, 12.3 to 1 |
| 56 | `#e1b77e` | `oklch(80.43% 0.0887 74.40)` | Honey Gold | black, 11.2 to 1 |
| 57 | `#e0ac6f` | `oklch(77.90% 0.0996 69.93)` | Montana Wheat Field | black, 10.2 to 1 |
| 58 | `#dfa060` | `oklch(75.35% 0.1102 65.34)` | Coffee Whip | black, 9.3 to 1 |
| 59 | `#de9453` | `oklch(72.85% 0.1205 60.78)` | Pumpkin Toast | black, 8.4 to 1 |
| 60 | `#dc8948` | `oklch(70.47% 0.1301 56.43)` | Touch of Glamour | black, 7.7 to 1 |
| 61 | `#db7e3e` | `oklch(68.30% 0.1389 52.46)` | Sweet Potato | black, 7 to 1 |
| 62 | `#d97437` | `oklch(66.42% 0.1467 49.04)` | Orange Ochre | black, 6.5 to 1 |
| 63 | `#d86c31` | `oklch(64.88% 0.1533 46.34)` | Gold Drop | black, 6.1 to 1 |
| 64 | `#d7662c` | `oklch(63.78% 0.1585 44.53)` | Tangerine Bliss | black, 5.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #171719 0.0%, #19181c 1.6%, #1b1a21 3.2%, #1e1c26 4.8%, #221e2c 6.3%, #282132 7.9%, #2e2339 9.5%, #34253f 11.1%, #3c2644 12.7%, #44284a 14.3%, #4c2a4e 15.9%, #532b52 17.5%, #5b2d55 19.0%, #622f58 20.6%, #68305a 22.2%, #6d325c 23.8%, #70345e 25.4%, #713660 27.0%, #713962 28.6%, #6f3b64 30.2%, #6c3d65 31.7%, #693f66 33.3%, #644167 34.9%, #604366 36.5%, #5c4565 38.1%, #594764 39.7%, #564962 41.3%, #554b60 42.9%, #544d5e 44.4%, #55505d 46.0%, #57535d 47.6%, #5a575f 49.2%, #5e5b62 50.8%, #646166 52.4%, #6c696d 54.0%, #747274 55.6%, #7e7b7d 57.1%, #888687 58.7%, #939191 60.3%, #9e9c9c 61.9%, #aaa8a7 63.5%, #b5b3b2 65.1%, #c1bdbb 66.7%, #cbc7c4 68.3%, #d5cfca 69.8%, #dcd7cf 71.4%, #e2dcd2 73.0%, #e7e0d2 74.6%, #e9e1d0 76.2%, #e9e0ca 77.8%, #e9dec2 79.4%, #e7d9b7 81.0%, #e6d3aa 82.5%, #e4cb9c 84.1%, #e3c18d 85.7%, #e1b77e 87.3%, #e0ac6f 88.9%, #dfa060 90.5%, #de9453 92.1%, #dc8948 93.7%, #db7e3e 95.2%, #d97437 96.8%, #d86c31 98.4%, #d7662c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0041 286.17) 0.0%, oklch(21.26% 0.0079 288.26) 1.6%, oklch(22.26% 0.0130 291.02) 3.2%, oklch(23.43% 0.0192 294.36) 4.8%, oklch(24.76% 0.0263 298.16) 6.3%, oklch(26.20% 0.0340 302.31) 7.9%, oklch(27.74% 0.0421 306.71) 9.5%, oklch(29.35% 0.0505 311.24) 11.1%, oklch(30.99% 0.0589 315.80) 12.7%, oklch(32.63% 0.0671 320.28) 14.3%, oklch(34.26% 0.0749 324.56) 15.9%, oklch(35.83% 0.0820 328.55) 17.5%, oklch(37.33% 0.0883 332.13) 19.0%, oklch(38.71% 0.0935 335.19) 20.6%, oklch(39.96% 0.0974 337.63) 22.2%, oklch(41.05% 0.0999 339.34) 23.8%, oklch(41.93% 0.1006 340.18) 25.4%, oklch(42.57% 0.0995 339.83) 27.0%, oklch(42.97% 0.0968 338.32) 28.6%, oklch(43.18% 0.0928 335.86) 30.2%, oklch(43.24% 0.0875 332.64) 31.7%, oklch(43.19% 0.0813 328.87) 33.3%, oklch(43.08% 0.0743 324.75) 34.9%, oklch(42.94% 0.0669 320.47) 36.5%, oklch(42.83% 0.0591 316.24) 38.1%, oklch(42.77% 0.0512 312.26) 39.7%, oklch(42.82% 0.0434 308.72) 41.3%, oklch(43.02% 0.0360 305.84) 42.9%, oklch(43.40% 0.0291 303.80) 44.4%, oklch(44.02% 0.0229 302.81) 46.0%, oklch(44.91% 0.0178 303.08) 47.6%, oklch(46.12% 0.0139 304.79) 49.2%, oklch(47.70% 0.0112 308.19) 50.8%, oklch(49.82% 0.0089 313.52) 52.4%, oklch(52.42% 0.0069 320.57) 54.0%, oklch(55.40% 0.0053 329.07) 55.6%, oklch(58.69% 0.0040 338.74) 57.1%, oklch(62.19% 0.0030 349.32) 58.7%, oklch(65.84% 0.0025 0.52) 60.3%, oklch(69.53% 0.0023 12.09) 61.9%, oklch(73.20% 0.0027 23.74) 63.5%, oklch(76.74% 0.0035 35.20) 65.1%, oklch(80.08% 0.0047 46.21) 66.7%, oklch(83.14% 0.0066 56.49) 68.3%, oklch(85.82% 0.0089 65.77) 69.8%, oklch(88.04% 0.0118 73.78) 71.4%, oklch(89.73% 0.0154 80.25) 73.0%, oklch(90.79% 0.0195 84.89) 74.6%, oklch(91.16% 0.0246 87.64) 76.2%, oklch(90.91% 0.0311 88.87) 77.8%, oklch(90.10% 0.0388 88.77) 79.4%, oklch(88.81% 0.0475 87.53) 81.0%, oklch(87.13% 0.0571 85.29) 82.5%, oklch(85.12% 0.0673 82.25) 84.1%, oklch(82.86% 0.0779 78.56) 85.7%, oklch(80.43% 0.0887 74.40) 87.3%, oklch(77.90% 0.0996 69.93) 88.9%, oklch(75.35% 0.1102 65.34) 90.5%, oklch(72.85% 0.1205 60.78) 92.1%, oklch(70.47% 0.1301 56.43) 93.7%, oklch(68.30% 0.1389 52.46) 95.2%, oklch(66.42% 0.1467 49.04) 96.8%, oklch(64.88% 0.1533 46.34) 98.4%, oklch(63.78% 0.1585 44.53) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.004 | 286.2 |
| 2 | 0.417 | 0.101 | 340.1 |
| 3 | 0.469 | 0.012 | 306.3 |
| 4 | 0.909 | 0.021 | 445.7 |
| 5 | 0.638 | 0.158 | 404.5 |

## In these collections

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

## Other forms

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