# Cocoa Violet Vintage Bloom

This radial gradient moves outward from deep cocoa through purple, dusty coral, magenta, violet, periwinkle, and pale blue gray. The layered halo combines an aged warm center with a cool luminous edge. Use it for retro posters, fashion graphics, album covers, or dreamy interface backgrounds that need depth and softly shifting vintage color.

- Also called: Brown, purple, pink and light blue radial gradient
- Seed: `kYQioaMB1DL6cr9NKczXCwzOqJNy`
- Page: https://grabient.com/kYQioaMB1DL6cr9NKczXCwzOqJNy?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.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 | `#3b180f` | `oklch(25.98% 0.0579 36.56)` | Dark Sienna | white, 15.8 to 1 |
| 2 | `#3f1b0d` | `oklch(27.22% 0.0604 41.22)` | Old Study | white, 15.2 to 1 |
| 3 | `#44200a` | `oklch(28.93% 0.0642 49.17)` | Chocolate Castle | white, 14.4 to 1 |
| 4 | `#492605` | `oklch(30.96% 0.0685 57.98)` | Ibex Brown | white, 13.4 to 1 |
| 5 | `#4f2d01` | `oklch(33.15% 0.0729 65.27)` | Kyoto House | white, 12.3 to 1 |
| 6 | `#553301` | `oklch(35.36% 0.0768 68.61)` | Eyelash Camel | white, 11.3 to 1 |
| 7 | `#5d3706` | `oklch(37.41% 0.0796 65.61)` | Chocolate Fantasies | white, 10.4 to 1 |
| 8 | `#673817` | `oklch(39.29% 0.0806 52.69)` | Meatloaf | white, 9.7 to 1 |
| 9 | `#703831` | `oklch(41.14% 0.0801 29.10)` | Strong Mocha | white, 9.1 to 1 |
| 10 | `#723c4e` | `oklch(42.98% 0.0788 359.89)` | Ruby Nights | white, 8.4 to 1 |
| 11 | `#6d4469` | `oklch(44.81% 0.0774 330.18)` | Sultana | white, 7.8 to 1 |
| 12 | `#644e7c` | `oklch(46.64% 0.0768 305.14)` | Imperial Palace | white, 7.1 to 1 |
| 13 | `#5e5788` | `oklch(48.48% 0.0776 289.91)` | Mountain Iris | white, 6.5 to 1 |
| 14 | `#635c8f` | `oklch(50.32% 0.0807 289.49)` | Colossus | white, 6 to 1 |
| 15 | `#745d92` | `oklch(52.15% 0.0859 303.74)` | Emperor Jewel | white, 5.6 to 1 |
| 16 | `#8b5b8b` | `oklch(53.98% 0.0924 327.09)` | Ancient Murasaki Purple | white, 5.3 to 1 |
| 17 | `#a15a78` | `oklch(55.81% 0.0995 353.71)` | Rose Wine | white, 4.9 to 1 |
| 18 | `#af5d61` | `oklch(57.66% 0.1063 17.80)` | Cinnamon Candle | white, 4.5 to 1 |
| 19 | `#b76451` | `oklch(59.51% 0.1119 33.54)` | Autumn Ivy | black, 4.9 to 1 |
| 20 | `#bf6952` | `oklch(61.38% 0.1158 35.66)` | Warm Cider | black, 5.3 to 1 |
| 21 | `#c86b63` | `oklch(63.28% 0.1199 26.22)` | Cuban Plaza | black, 5.7 to 1 |
| 22 | `#cf6d80` | `oklch(65.19% 0.1239 9.04)` | Artful Pink | black, 6.1 to 1 |
| 23 | `#cd73a4` | `oklch(67.11% 0.1268 347.27)` | Fading Love | black, 6.6 to 1 |
| 24 | `#c27fc8` | `oklch(69.03% 0.1277 324.07)` | Lavender Sweater | black, 7.1 to 1 |
| 25 | `#b18de2` | `oklch(70.93% 0.1256 302.60)` | Dreamy Candy Forest | black, 7.7 to 1 |
| 26 | `#a19bef` | `oklch(72.82% 0.1197 285.84)` | Cold Lips | black, 8.4 to 1 |
| 27 | `#94aaf2` | `oklch(74.85% 0.1076 271.21)` | Kitten’s Eye | black, 9.2 to 1 |
| 28 | `#8fb6ee` | `oklch(76.99% 0.0907 257.02)` | Electric Eel | black, 10.1 to 1 |
| 29 | `#94c1e6` | `oklch(79.09% 0.0715 243.78)` | Salvia Blue | black, 10.9 to 1 |
| 30 | `#a0c8dd` | `oklch(81.03% 0.0524 232.00)` | Piezo Blue | black, 11.7 to 1 |
| 31 | `#aeccd7` | `oklch(82.67% 0.0360 222.17)` | Sailing on the Bay | black, 12.4 to 1 |
| 32 | `#b9cfd4` | `oklch(83.86% 0.0248 214.80)` | Shhh… | black, 12.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #3b180f 0.0%, #3f1b0d 3.2%, #44200a 6.5%, #492605 9.7%, #4f2d01 12.9%, #553301 16.1%, #5d3706 19.4%, #673817 22.6%, #703831 25.8%, #723c4e 29.0%, #6d4469 32.3%, #644e7c 35.5%, #5e5788 38.7%, #635c8f 41.9%, #745d92 45.2%, #8b5b8b 48.4%, #a15a78 51.6%, #af5d61 54.8%, #b76451 58.1%, #bf6952 61.3%, #c86b63 64.5%, #cf6d80 67.7%, #cd73a4 71.0%, #c27fc8 74.2%, #b18de2 77.4%, #a19bef 80.6%, #94aaf2 83.9%, #8fb6ee 87.1%, #94c1e6 90.3%, #a0c8dd 93.5%, #aeccd7 96.8%, #b9cfd4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(25.98% 0.0579 36.56) 0.0%, oklch(27.22% 0.0604 41.22) 3.2%, oklch(28.93% 0.0642 49.17) 6.5%, oklch(30.96% 0.0685 57.98) 9.7%, oklch(33.15% 0.0729 65.27) 12.9%, oklch(35.36% 0.0768 68.61) 16.1%, oklch(37.41% 0.0796 65.61) 19.4%, oklch(39.29% 0.0806 52.69) 22.6%, oklch(41.14% 0.0801 29.10) 25.8%, oklch(42.98% 0.0788 359.89) 29.0%, oklch(44.81% 0.0774 330.18) 32.3%, oklch(46.64% 0.0768 305.14) 35.5%, oklch(48.48% 0.0776 289.91) 38.7%, oklch(50.32% 0.0807 289.49) 41.9%, oklch(52.15% 0.0859 303.74) 45.2%, oklch(53.98% 0.0924 327.09) 48.4%, oklch(55.81% 0.0995 353.71) 51.6%, oklch(57.66% 0.1063 17.80) 54.8%, oklch(59.51% 0.1119 33.54) 58.1%, oklch(61.38% 0.1158 35.66) 61.3%, oklch(63.28% 0.1199 26.22) 64.5%, oklch(65.19% 0.1239 9.04) 67.7%, oklch(67.11% 0.1268 347.27) 71.0%, oklch(69.03% 0.1277 324.07) 74.2%, oklch(70.93% 0.1256 302.60) 77.4%, oklch(72.82% 0.1197 285.84) 80.6%, oklch(74.85% 0.1076 271.21) 83.9%, oklch(76.99% 0.0907 257.02) 87.1%, oklch(79.09% 0.0715 243.78) 90.3%, oklch(81.03% 0.0524 232.00) 93.5%, oklch(82.67% 0.0360 222.17) 96.8%, oklch(83.86% 0.0248 214.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.26 | 0.058 | 36.6 |
| 2 | 0.378 | 0.08 | 64 |
| 3 | 0.492 | 0.079 | -72.3 |
| 4 | 0.606 | 0.114 | 36.6 |
| 5 | 0.724 | 0.121 | -71.2 |
| 6 | 0.839 | 0.025 | -145.2 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)

## Other forms

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