# Rose and orange romantic palette

The Rose and orange romantic palette brings together red, pale orange, and light orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits invitation suites and ceremony stationery. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Seamless magenta, pink and peach angular gradient
- Seed: `kcc3ABy8fAVfEwVgtMGcxtFGapvLOvjuObi_I`
- Page: https://grabient.com/kcc3ABy8fAVfEwVgtMGcxtFGapvLOvjuObi_I?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 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.0%, #a02555 3.2%, #b0295d 6.5%, #c12f65 9.7%, #d1356c 12.9%, #dd3d70 16.1%, #e74571 19.4%, #ef4d71 22.6%, #f55670 25.8%, #fa6070 29.0%, #fd6971 32.3%, #fe7273 35.5%, #fe7b76 38.7%, #ff8777 41.9%, #ff997b 45.2%, #ffaf85 48.4%, #ffc594 51.6%, #ffd4a3 54.8%, #fedaaa 58.1%, #fed5a5 61.3%, #ffcb99 64.5%, #ffbb8c 67.7%, #feab81 71.0%, #fa9978 74.2%, #f48472 77.4%, #eb6e70 80.6%, #df5970 83.9%, #d0496d 87.1%, #c03b66 90.3%, #af305d 93.5%, #a02753 96.8%, #96204d 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(45.28% 0.1543 2.11) 0.0%, oklch(47.61% 0.1621 2.44) 3.2%, oklch(50.98% 0.1736 2.85) 6.5%, oklch(54.73% 0.1855 3.52) 9.7%, oklch(58.20% 0.1947 4.63) 12.9%, oklch(60.92% 0.1987 6.35) 16.1%, oklch(63.25% 0.1993 8.69) 19.4%, oklch(65.34% 0.1974 11.45) 22.6%, oklch(67.29% 0.1934 14.39) 25.8%, oklch(69.16% 0.1879 17.30) 29.0%, oklch(70.71% 0.1806 19.57) 32.3%, oklch(72.03% 0.1713 21.63) 35.5%, oklch(73.45% 0.1605 24.43) 38.7%, oklch(75.32% 0.1483 28.92) 41.9%, oklch(78.17% 0.1301 36.73) 45.2%, oklch(82.20% 0.1093 48.52) 48.4%, oklch(86.34% 0.0922 60.99) 51.6%, oklch(89.50% 0.0798 70.67) 54.8%, oklch(90.62% 0.0738 74.21) 58.1%, oklch(89.75% 0.0775 71.45) 61.3%, oklch(87.53% 0.0873 64.68) 64.5%, oklch(84.49% 0.1001 56.01) 67.7%, oklch(81.18% 0.1128 47.56) 71.0%, oklch(77.59% 0.1253 39.47) 74.2%, oklch(73.30% 0.1406 30.09) 77.4%, oklch(68.71% 0.1554 20.75) 80.6%, oklch(64.20% 0.1670 12.85) 83.9%, oklch(60.05% 0.1722 7.66) 87.1%, oklch(55.72% 0.1707 4.97) 90.3%, oklch(51.49% 0.1655 3.89) 93.5%, oklch(47.84% 0.1595 3.56) 96.8%, oklch(45.28% 0.1557 3.17) 100.0%);
```

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