# Seamless magenta, pink and peach angular swatches

Seamless magenta, pink and peach angular swatches with 32 colors: #95224f, #a02555, #b0295d, #c12f65, #d1356c, #dd3d70, #e74571, #ef4d71, #f55670, #fa6070, #fd6971, #fe7273, #fe7b76, #ff8777, #ff997b, #ffaf85, #ffc594, #ffd4a3, #fedaaa, #fed5a5, #ffcb99, #ffbb8c, #feab81, #fa9978, #f48472, #eb6e70, #df5970, #d0496d, #c03b66, #af305d, #a02753, #96204d. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcc3ABy8fAVfEwVgtMGcxtFGapvLOvjuObi_I`
- Page: https://grabient.com/kcc3ABy8fAVfEwVgtMGcxtFGapvLOvjuObi_I?style=angularSwatches&steps=32&angle=225
- Drawn as: angular swatches, 32 steps, 225 degrees
- Kinds: light center, vivid, warm, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 6 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 | `#95224f` | `oklch(45.28% 0.1543 2.11)` | Raspberry Romantic | white, 8 to 1 |
| 2 | `#a02555` | `oklch(47.61% 0.1621 2.44)` | Cherries Jubilee | white, 7.2 to 1 |
| 3 | `#b0295d` | `oklch(50.98% 0.1736 2.85)` | Blood Thorn | white, 6.3 to 1 |
| 4 | `#c12f65` | `oklch(54.73% 0.1855 3.52)` | Maroon Light | white, 5.4 to 1 |
| 5 | `#d1356c` | `oklch(58.20% 0.1947 4.63)` | Raspberry Sorbet | white, 4.7 to 1 |
| 6 | `#dd3d70` | `oklch(60.92% 0.1987 6.35)` | 1989 Miami Hotline | black, 4.9 to 1 |
| 7 | `#e74571` | `oklch(63.25% 0.1993 8.69)` | Radishical | black, 5.4 to 1 |
| 8 | `#ef4d71` | `oklch(65.34% 0.1974 11.45)` | Radishical | black, 5.9 to 1 |
| 9 | `#f55670` | `oklch(67.29% 0.1934 14.39)` | Ripe Malinka | black, 6.4 to 1 |
| 10 | `#fa6070` | `oklch(69.16% 0.1879 17.30)` | Grenadine Pink | black, 6.9 to 1 |
| 11 | `#fd6971` | `oklch(70.71% 0.1806 19.57)` | Kisses and Hugs | black, 7.4 to 1 |
| 12 | `#fe7273` | `oklch(72.03% 0.1713 21.63)` | Georgia Peach | black, 7.8 to 1 |
| 13 | `#fe7b76` | `oklch(73.45% 0.1605 24.43)` | Salmon Sashimi | black, 8.3 to 1 |
| 14 | `#ff8777` | `oklch(75.32% 0.1483 28.92)` | Play ’til Dawn | black, 8.9 to 1 |
| 15 | `#ff997b` | `oklch(78.17% 0.1301 36.73)` | Flash in the Pan | black, 10 to 1 |
| 16 | `#ffaf85` | `oklch(82.20% 0.1093 48.52)` | Spice Pink | black, 11.7 to 1 |
| 17 | `#ffc594` | `oklch(86.34% 0.0922 60.99)` | Dainty Apricot | black, 13.6 to 1 |
| 18 | `#ffd4a3` | `oklch(89.50% 0.0798 70.67)` | Sherbet Pop | black, 15.1 to 1 |
| 19 | `#fedaaa` | `oklch(90.62% 0.0738 74.21)` | Peach Cider | black, 15.7 to 1 |
| 20 | `#fed5a5` | `oklch(89.75% 0.0775 71.45)` | Sherbet Pop | black, 15.3 to 1 |
| 21 | `#ffcb99` | `oklch(87.53% 0.0873 64.68)` | Peach Orange | black, 14.2 to 1 |
| 22 | `#ffbb8c` | `oklch(84.49% 0.1001 56.01)` | Fuzzy Peach | black, 12.7 to 1 |
| 23 | `#feab81` | `oklch(81.18% 0.1128 47.56)` | Peach Fizz | black, 11.3 to 1 |
| 24 | `#fa9978` | `oklch(77.59% 0.1253 39.47)` | Hibiscus Delight | black, 9.8 to 1 |
| 25 | `#f48472` | `oklch(73.30% 0.1406 30.09)` | Coralette | black, 8.3 to 1 |
| 26 | `#eb6e70` | `oklch(68.71% 0.1554 20.75)` | Zahri Pink | black, 6.9 to 1 |
| 27 | `#df5970` | `oklch(64.20% 0.1670 12.85)` | Kōbai Red | black, 5.7 to 1 |
| 28 | `#d0496d` | `oklch(60.05% 0.1722 7.66)` | Pink Punch | black, 4.8 to 1 |
| 29 | `#c03b66` | `oklch(55.72% 0.1707 4.97)` | Maroon Light | white, 5.1 to 1 |
| 30 | `#af305d` | `oklch(51.49% 0.1655 3.89)` | Blood Thorn | white, 6.1 to 1 |
| 31 | `#a02753` | `oklch(47.84% 0.1595 3.56)` | Cherries Jubilee | white, 7.1 to 1 |
| 32 | `#96204d` | `oklch(45.28% 0.1557 3.17)` | Berry | white, 8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #95224f 0.000% 3.125%, #a02555 3.125% 6.250%, #b0295d 6.250% 9.375%, #c12f65 9.375% 12.500%, #d1356c 12.500% 15.625%, #dd3d70 15.625% 18.750%, #e74571 18.750% 21.875%, #ef4d71 21.875% 25.000%, #f55670 25.000% 28.125%, #fa6070 28.125% 31.250%, #fd6971 31.250% 34.375%, #fe7273 34.375% 37.500%, #fe7b76 37.500% 40.625%, #ff8777 40.625% 43.750%, #ff997b 43.750% 46.875%, #ffaf85 46.875% 50.000%, #ffc594 50.000% 53.125%, #ffd4a3 53.125% 56.250%, #fedaaa 56.250% 59.375%, #fed5a5 59.375% 62.500%, #ffcb99 62.500% 65.625%, #ffbb8c 65.625% 68.750%, #feab81 68.750% 71.875%, #fa9978 71.875% 75.000%, #f48472 75.000% 78.125%, #eb6e70 78.125% 81.250%, #df5970 81.250% 84.375%, #d0496d 84.375% 87.500%, #c03b66 87.500% 90.625%, #af305d 90.625% 93.750%, #a02753 93.750% 96.875%, #96204d 96.875% 100.000%);
background: conic-gradient(from 225deg, oklch(45.28% 0.1543 2.11) 0.000% 3.125%, oklch(47.61% 0.1621 2.44) 3.125% 6.250%, oklch(50.98% 0.1736 2.85) 6.250% 9.375%, oklch(54.73% 0.1855 3.52) 9.375% 12.500%, oklch(58.20% 0.1947 4.63) 12.500% 15.625%, oklch(60.92% 0.1987 6.35) 15.625% 18.750%, oklch(63.25% 0.1993 8.69) 18.750% 21.875%, oklch(65.34% 0.1974 11.45) 21.875% 25.000%, oklch(67.29% 0.1934 14.39) 25.000% 28.125%, oklch(69.16% 0.1879 17.30) 28.125% 31.250%, oklch(70.71% 0.1806 19.57) 31.250% 34.375%, oklch(72.03% 0.1713 21.63) 34.375% 37.500%, oklch(73.45% 0.1605 24.43) 37.500% 40.625%, oklch(75.32% 0.1483 28.92) 40.625% 43.750%, oklch(78.17% 0.1301 36.73) 43.750% 46.875%, oklch(82.20% 0.1093 48.52) 46.875% 50.000%, oklch(86.34% 0.0922 60.99) 50.000% 53.125%, oklch(89.50% 0.0798 70.67) 53.125% 56.250%, oklch(90.62% 0.0738 74.21) 56.250% 59.375%, oklch(89.75% 0.0775 71.45) 59.375% 62.500%, oklch(87.53% 0.0873 64.68) 62.500% 65.625%, oklch(84.49% 0.1001 56.01) 65.625% 68.750%, oklch(81.18% 0.1128 47.56) 68.750% 71.875%, oklch(77.59% 0.1253 39.47) 71.875% 75.000%, oklch(73.30% 0.1406 30.09) 75.000% 78.125%, oklch(68.71% 0.1554 20.75) 78.125% 81.250%, oklch(64.20% 0.1670 12.85) 81.250% 84.375%, oklch(60.05% 0.1722 7.66) 84.375% 87.500%, oklch(55.72% 0.1707 4.97) 87.500% 90.625%, oklch(51.49% 0.1655 3.89) 90.625% 93.750%, oklch(47.84% 0.1595 3.56) 93.750% 96.875%, oklch(45.28% 0.1557 3.17) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.154 | 2.1 |
| 2 | 0.594 | 0.197 | 5.3 |
| 3 | 0.689 | 0.189 | 16.9 |
| 4 | 0.76 | 0.145 | 30.6 |
| 5 | 0.906 | 0.074 | 74 |
| 6 | 0.807 | 0.114 | 46.5 |
| 7 | 0.618 | 0.171 | 9.5 |
| 8 | 0.453 | 0.156 | 3.2 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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