# Beige, pink, purple and navy radial swatches

Beige, pink, purple and navy radial swatches with 32 colors: #edd2bf, #eccdbb, #ebc5b6, #e8bcb3, #e4b2b0, #dea8af, #d6a0ae, #ce98ab, #c690a7, #bd88a2, #b3819c, #aa7997, #a17393, #986d8f, #8e688c, #85638a, #7b5f87, #725b84, #695780, #61537c, #5a4f79, #524a75, #4b4672, #45426f, #3e3e6b, #383b66, #323761, #2c345b, #263055, #222d4f, #1e2a4a, #1c2847. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kY4B0o4Bi5UyavQ9GLvL5s9SQVvk`
- Page: https://grabient.com/kY4B0o4Bi5UyavQ9GLvL5s9SQVvk?style=radialSwatches&steps=32
- Drawn as: radial swatches, 32 steps, 90 degrees
- Kinds: light to dark, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 10 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 | `#edd2bf` | `oklch(88.19% 0.0400 56.95)` | Cream of Mushroom | black, 14.6 to 1 |
| 2 | `#eccdbb` | `oklch(86.90% 0.0431 50.75)` | Golden Pop | black, 13.9 to 1 |
| 3 | `#ebc5b6` | `oklch(85.15% 0.0476 41.91)` | Fatty Sashimi | black, 13.1 to 1 |
| 4 | `#e8bcb3` | `oklch(83.07% 0.0529 31.55)` | Rose Fog | black, 12.2 to 1 |
| 5 | `#e4b2b0` | `oklch(80.78% 0.0582 20.75)` | Perfect Pink | black, 11.2 to 1 |
| 6 | `#dea8af` | `oklch(78.39% 0.0632 10.64)` | Raspberry Lemonade | black, 10.3 to 1 |
| 7 | `#d6a0ae` | `oklch(76.04% 0.0669 2.30)` | Lili Elbe’s Pink | black, 9.5 to 1 |
| 8 | `#ce98ab` | `oklch(73.72% 0.0694 356.33)` | Honey Pink | black, 8.7 to 1 |
| 9 | `#c690a7` | `oklch(71.24% 0.0711 351.89)` | Bonny Belle | black, 7.9 to 1 |
| 10 | `#bd88a2` | `oklch(68.67% 0.0721 348.41)` | A Plum Job | black, 7.2 to 1 |
| 11 | `#b3819c` | `oklch(66.08% 0.0727 345.36)` | Antique Hot Pink | black, 6.5 to 1 |
| 12 | `#aa7997` | `oklch(63.54% 0.0730 342.22)` | Wonder Wish | black, 5.9 to 1 |
| 13 | `#a17393` | `oklch(61.14% 0.0730 338.44)` | Drama Queen | black, 5.3 to 1 |
| 14 | `#986d8f` | `oklch(58.92% 0.0729 333.63)` | Garden Aroma | black, 4.9 to 1 |
| 15 | `#8e688c` | `oklch(56.82% 0.0721 328.08)` | Chinese Violet | white, 4.6 to 1 |
| 16 | `#85638a` | `oklch(54.82% 0.0709 322.12)` | Sunshone Plum | white, 5 to 1 |
| 17 | `#7b5f87` | `oklch(52.88% 0.0695 316.03)` | Plum Power | white, 5.4 to 1 |
| 18 | `#725b84` | `oklch(50.99% 0.0683 310.13)` | Mystical Purple | white, 5.9 to 1 |
| 19 | `#695780` | `oklch(49.14% 0.0676 304.69)` | Charoite Violet | white, 6.3 to 1 |
| 20 | `#61537c` | `oklch(47.30% 0.0677 299.96)` | Purple Sky | white, 6.9 to 1 |
| 21 | `#5a4f79` | `oklch(45.49% 0.0687 295.73)` | Benikakehana Purple | white, 7.4 to 1 |
| 22 | `#524a75` | `oklch(43.73% 0.0703 291.87)` | Red Cabbage | white, 8 to 1 |
| 23 | `#4b4672` | `oklch(42.01% 0.0721 288.31)` | Dramatist | white, 8.6 to 1 |
| 24 | `#45426f` | `oklch(40.33% 0.0737 285.02)` | Overcast Night | white, 9.2 to 1 |
| 25 | `#3e3e6b` | `oklch(38.68% 0.0745 281.93)` | Gloomy Blue | white, 9.9 to 1 |
| 26 | `#383b66` | `oklch(37.08% 0.0742 279.00)` | Rhynchites Nitens | white, 10.5 to 1 |
| 27 | `#323761` | `oklch(35.41% 0.0726 276.18)` | Very Blue | white, 11.2 to 1 |
| 28 | `#2c345b` | `oklch(33.70% 0.0700 273.52)` | Quill Tip | white, 12 to 1 |
| 29 | `#263055` | `oklch(32.05% 0.0669 271.09)` | Boatswain | white, 12.7 to 1 |
| 30 | `#222d4f` | `oklch(30.54% 0.0638 268.95)` | Wahoo | white, 13.4 to 1 |
| 31 | `#1e2a4a` | `oklch(29.28% 0.0611 267.18)` | Rurikon Blue | white, 14 to 1 |
| 32 | `#1c2847` | `oklch(28.35% 0.0593 265.84)` | Fainting Light | white, 14.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #edd2bf 0.000% 3.125%, #eccdbb 3.125% 6.250%, #ebc5b6 6.250% 9.375%, #e8bcb3 9.375% 12.500%, #e4b2b0 12.500% 15.625%, #dea8af 15.625% 18.750%, #d6a0ae 18.750% 21.875%, #ce98ab 21.875% 25.000%, #c690a7 25.000% 28.125%, #bd88a2 28.125% 31.250%, #b3819c 31.250% 34.375%, #aa7997 34.375% 37.500%, #a17393 37.500% 40.625%, #986d8f 40.625% 43.750%, #8e688c 43.750% 46.875%, #85638a 46.875% 50.000%, #7b5f87 50.000% 53.125%, #725b84 53.125% 56.250%, #695780 56.250% 59.375%, #61537c 59.375% 62.500%, #5a4f79 62.500% 65.625%, #524a75 65.625% 68.750%, #4b4672 68.750% 71.875%, #45426f 71.875% 75.000%, #3e3e6b 75.000% 78.125%, #383b66 78.125% 81.250%, #323761 81.250% 84.375%, #2c345b 84.375% 87.500%, #263055 87.500% 90.625%, #222d4f 90.625% 93.750%, #1e2a4a 93.750% 96.875%, #1c2847 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(88.19% 0.0400 56.95) 0.000% 3.125%, oklch(86.90% 0.0431 50.75) 3.125% 6.250%, oklch(85.15% 0.0476 41.91) 6.250% 9.375%, oklch(83.07% 0.0529 31.55) 9.375% 12.500%, oklch(80.78% 0.0582 20.75) 12.500% 15.625%, oklch(78.39% 0.0632 10.64) 15.625% 18.750%, oklch(76.04% 0.0669 2.30) 18.750% 21.875%, oklch(73.72% 0.0694 356.33) 21.875% 25.000%, oklch(71.24% 0.0711 351.89) 25.000% 28.125%, oklch(68.67% 0.0721 348.41) 28.125% 31.250%, oklch(66.08% 0.0727 345.36) 31.250% 34.375%, oklch(63.54% 0.0730 342.22) 34.375% 37.500%, oklch(61.14% 0.0730 338.44) 37.500% 40.625%, oklch(58.92% 0.0729 333.63) 40.625% 43.750%, oklch(56.82% 0.0721 328.08) 43.750% 46.875%, oklch(54.82% 0.0709 322.12) 46.875% 50.000%, oklch(52.88% 0.0695 316.03) 50.000% 53.125%, oklch(50.99% 0.0683 310.13) 53.125% 56.250%, oklch(49.14% 0.0676 304.69) 56.250% 59.375%, oklch(47.30% 0.0677 299.96) 59.375% 62.500%, oklch(45.49% 0.0687 295.73) 62.500% 65.625%, oklch(43.73% 0.0703 291.87) 65.625% 68.750%, oklch(42.01% 0.0721 288.31) 68.750% 71.875%, oklch(40.33% 0.0737 285.02) 71.875% 75.000%, oklch(38.68% 0.0745 281.93) 75.000% 78.125%, oklch(37.08% 0.0742 279.00) 78.125% 81.250%, oklch(35.41% 0.0726 276.18) 81.250% 84.375%, oklch(33.70% 0.0700 273.52) 84.375% 87.500%, oklch(32.05% 0.0669 271.09) 87.500% 90.625%, oklch(30.54% 0.0638 268.95) 90.625% 93.750%, oklch(29.28% 0.0611 267.18) 93.750% 96.875%, oklch(28.35% 0.0593 265.84) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.04 | 57 |
| 2 | 0.756 | 0.068 | 0.9 |
| 3 | 0.602 | 0.073 | -23.4 |
| 4 | 0.48 | 0.068 | -58.2 |
| 5 | 0.374 | 0.074 | -80.4 |
| 6 | 0.283 | 0.059 | -94.2 |

## In these collections

- [Zoom background gradients](https://grabient.com/zoom-background-gradients)
- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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