# Rose pink palette

The Rose pink palette brings together red and magenta. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its lightest and darkest tones both fall within the red color family.

- Also called: Vivid analogous pink and maroon radial swatches
- Seed: `kUqosBSMm_7xAQCwMsAA`
- Page: https://grabient.com/kUqosBSMm_7xAQCwMsAA?style=radialSwatches&steps=5
- Drawn as: radial swatches, 5 steps, 90 degrees
- Kinds: vivid, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.2 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 | `#ee568d` | `oklch(66.93% 0.1915 1.41)` | Power Peony | black, 6.3 to 1 |
| 2 | `#d83778` | `oklch(59.78% 0.2022 1.26)` | Fuchsia Purple | black, 4.7 to 1 |
| 3 | `#ba1e60` | `oklch(52.14% 0.1925 2.40)` | Chaotic Roses | white, 6 to 1 |
| 4 | `#98144a` | `oklch(44.63% 0.1670 3.88)` | Berry | white, 8.3 to 1 |
| 5 | `#781038` | `oklch(37.80% 0.1392 4.58)` | Deep Claret | white, 10.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ee568d 0.000% 20.000%, #d83778 20.000% 40.000%, #ba1e60 40.000% 60.000%, #98144a 60.000% 80.000%, #781038 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(66.93% 0.1915 1.41) 0.000% 20.000%, oklch(59.78% 0.2022 1.26) 20.000% 40.000%, oklch(52.14% 0.1925 2.40) 40.000% 60.000%, oklch(44.63% 0.1670 3.88) 60.000% 80.000%, oklch(37.80% 0.1392 4.58) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.192 | 1.4 |
| 2 | 0.571 | 0.203 | 1.4 |
| 3 | 0.472 | 0.176 | 3.5 |
| 4 | 0.378 | 0.139 | 4.6 |

## In these collections

- [Pink swatches](https://grabient.com/pink-swatches)

## Other forms

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