# Purple, blue, brown and black radial swatches

Purple, blue, brown and black radial swatches with 32 colors: #876ba0, #8267a2, #7a63a6, #6f5fab, #625ab0, #5356b3, #4650b4, #3e4ab2, #4042ae, #4938a6, #542d99, #5d2386, #641970, #681058, #670940, #63072c, #5d081a, #550c08, #481500, #3c1900, #311900, #291800, #221600, #1b1300, #161001, #110d02, #0d0901, #090601, #060400, #040200, #030100, #020100. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWkj7bOT08Ciry0YDclCQW-4`
- Page: https://grabient.com/kWkj7bOT08Ciry0YDclCQW-4?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: light to dark, vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#876ba0` | `oklch(57.48% 0.0854 307.97)` | Bitter Violet | black, 4.6 to 1 |
| 2 | `#8267a2` | `oklch(56.47% 0.0930 304.41)` | Chive Blossom | white, 4.7 to 1 |
| 3 | `#7a63a6` | `oklch(55.13% 0.1041 298.66)` | Genestealer Purple | white, 5 to 1 |
| 4 | `#6f5fab` | `oklch(53.54% 0.1174 291.75)` | Genestealer Purple | white, 5.3 to 1 |
| 5 | `#625ab0` | `oklch(51.76% 0.1315 284.73)` | Blue Marguerite | white, 5.8 to 1 |
| 6 | `#5356b3` | `oklch(49.89% 0.1451 278.64)` | Brandywine Raspberry | white, 6.2 to 1 |
| 7 | `#4650b4` | `oklch(48.00% 0.1567 274.53)` | Free Speech Blue | white, 6.8 to 1 |
| 8 | `#3e4ab2` | `oklch(46.17% 0.1649 273.43)` | Night in Manchester | white, 7.4 to 1 |
| 9 | `#4042ae` | `oklch(44.47% 0.1685 276.37)` | Early Spring Night | white, 8 to 1 |
| 10 | `#4938a6` | `oklch(42.81% 0.1681 283.59)` | Megadrive Screen | white, 8.7 to 1 |
| 11 | `#542d99` | `oklch(41.14% 0.1647 294.21)` | Eine Kleine Nachtmusik | white, 9.4 to 1 |
| 12 | `#5d2386` | `oklch(39.46% 0.1589 307.29)` | Purplex | white, 10.2 to 1 |
| 13 | `#641970` | `oklch(37.78% 0.1513 321.88)` | Deep Daitoku Purple | white, 10.9 to 1 |
| 14 | `#681058` | `oklch(36.09% 0.1426 337.06)` | Amygdala Purple | white, 11.6 to 1 |
| 15 | `#670940` | `oklch(34.41% 0.1334 351.88)` | Spanish Purple | white, 12.3 to 1 |
| 16 | `#63072c` | `oklch(32.73% 0.1242 5.40)` | Spring Lobster | white, 13.1 to 1 |
| 17 | `#5d081a` | `oklch(31.05% 0.1154 17.14)` | Chocolate Cosmos | white, 13.8 to 1 |
| 18 | `#550c08` | `oklch(29.36% 0.1051 29.10)` | Mama Africa | white, 14.5 to 1 |
| 19 | `#481500` | `oklch(27.66% 0.0851 41.02)` | Old Study | white, 15.1 to 1 |
| 20 | `#3c1900` | `oklch(25.96% 0.0660 52.87)` | American Bronze | white, 15.8 to 1 |
| 21 | `#311900` | `oklch(24.27% 0.0549 64.05)` | Powdered Cocoa | white, 16.4 to 1 |
| 22 | `#291800` | `oklch(22.59% 0.0479 74.09)` | Cannon Black | white, 17.1 to 1 |
| 23 | `#221600` | `oklch(20.93% 0.0431 82.55)` | Cannon Black | white, 17.7 to 1 |
| 24 | `#1b1300` | `oklch(19.30% 0.0390 89.41)` | Super Black | white, 18.3 to 1 |
| 25 | `#161001` | `oklch(17.66% 0.0326 93.24)` | Chinese Black | white, 18.9 to 1 |
| 26 | `#110d02` | `oklch(15.92% 0.0277 94.49)` | Balsam of Peru | white, 19.4 to 1 |
| 27 | `#0d0901` | `oklch(14.14% 0.0240 93.76)` | Blackout | white, 19.8 to 1 |
| 28 | `#090601` | `oklch(12.39% 0.0213 91.68)` | Liquorice | white, 20.2 to 1 |
| 29 | `#060400` | `oklch(10.75% 0.0193 88.86)` | Liquorice | white, 20.4 to 1 |
| 30 | `#040200` | `oklch(9.27% 0.0178 85.92)` | Armour Wash | white, 20.6 to 1 |
| 31 | `#030100` | `oklch(8.02% 0.0165 83.49)` | Binary Black | white, 20.7 to 1 |
| 32 | `#020100` | `oklch(7.09% 0.0146 81.02)` | Binary Black | white, 20.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #876ba0 0.000% 3.125%, #8267a2 3.125% 6.250%, #7a63a6 6.250% 9.375%, #6f5fab 9.375% 12.500%, #625ab0 12.500% 15.625%, #5356b3 15.625% 18.750%, #4650b4 18.750% 21.875%, #3e4ab2 21.875% 25.000%, #4042ae 25.000% 28.125%, #4938a6 28.125% 31.250%, #542d99 31.250% 34.375%, #5d2386 34.375% 37.500%, #641970 37.500% 40.625%, #681058 40.625% 43.750%, #670940 43.750% 46.875%, #63072c 46.875% 50.000%, #5d081a 50.000% 53.125%, #550c08 53.125% 56.250%, #481500 56.250% 59.375%, #3c1900 59.375% 62.500%, #311900 62.500% 65.625%, #291800 65.625% 68.750%, #221600 68.750% 71.875%, #1b1300 71.875% 75.000%, #161001 75.000% 78.125%, #110d02 78.125% 81.250%, #0d0901 81.250% 84.375%, #090601 84.375% 87.500%, #060400 87.500% 90.625%, #040200 90.625% 93.750%, #030100 93.750% 96.875%, #020100 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(57.48% 0.0854 307.97) 0.000% 3.125%, oklch(56.47% 0.0930 304.41) 3.125% 6.250%, oklch(55.13% 0.1041 298.66) 6.250% 9.375%, oklch(53.54% 0.1174 291.75) 9.375% 12.500%, oklch(51.76% 0.1315 284.73) 12.500% 15.625%, oklch(49.89% 0.1451 278.64) 15.625% 18.750%, oklch(48.00% 0.1567 274.53) 18.750% 21.875%, oklch(46.17% 0.1649 273.43) 21.875% 25.000%, oklch(44.47% 0.1685 276.37) 25.000% 28.125%, oklch(42.81% 0.1681 283.59) 28.125% 31.250%, oklch(41.14% 0.1647 294.21) 31.250% 34.375%, oklch(39.46% 0.1589 307.29) 34.375% 37.500%, oklch(37.78% 0.1513 321.88) 37.500% 40.625%, oklch(36.09% 0.1426 337.06) 40.625% 43.750%, oklch(34.41% 0.1334 351.88) 43.750% 46.875%, oklch(32.73% 0.1242 5.40) 46.875% 50.000%, oklch(31.05% 0.1154 17.14) 50.000% 53.125%, oklch(29.36% 0.1051 29.10) 53.125% 56.250%, oklch(27.66% 0.0851 41.02) 56.250% 59.375%, oklch(25.96% 0.0660 52.87) 59.375% 62.500%, oklch(24.27% 0.0549 64.05) 62.500% 65.625%, oklch(22.59% 0.0479 74.09) 65.625% 68.750%, oklch(20.93% 0.0431 82.55) 68.750% 71.875%, oklch(19.30% 0.0390 89.41) 71.875% 75.000%, oklch(17.66% 0.0326 93.24) 75.000% 78.125%, oklch(15.92% 0.0277 94.49) 78.125% 81.250%, oklch(14.14% 0.0240 93.76) 81.250% 84.375%, oklch(12.39% 0.0213 91.68) 84.375% 87.500%, oklch(10.75% 0.0193 88.86) 87.500% 90.625%, oklch(9.27% 0.0178 85.92) 90.625% 93.750%, oklch(8.02% 0.0165 83.49) 93.750% 96.875%, oklch(7.09% 0.0146 81.02) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.085 | 308 |
| 2 | 0.449 | 0.168 | 275.2 |
| 3 | 0.319 | 0.12 | 371.4 |
| 4 | 0.189 | 0.037 | 450.6 |
| 5 | 0.071 | 0.015 | 442.2 |

## In these collections

- [Dark gradients](https://grabient.com/dark-gradients)

## Other forms

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