# Rose and indigo pink and blue palette

The Rose and indigo pink and blue palette brings together magenta, red, light magenta, and blue. 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 darkest tone is magenta, and its lightest tone is light magenta.

- Also called: Magenta, pink, lavender and blue angular swatches
- Seed: `kYc38AykjAVdJwRcGjx1S0zDxEw-`
- Page: https://grabient.com/kYc38AykjAVdJwRcGjx1S0zDxEw-?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: vivid
- Hues: two-hue
- 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 | `#9b0e51` | `oklch(45.28% 0.1750 0.70)` | Berry | white, 8.1 to 1 |
| 2 | `#d3326e` | `oklch(58.27% 0.1998 3.87)` | Self-Love | white, 4.7 to 1 |
| 3 | `#fd5575` | `oklch(68.50% 0.2026 13.38)` | Fiery Rose | black, 6.7 to 1 |
| 4 | `#c794b1` | `oklch(72.44% 0.0717 343.80)` | Morning Glory Pink | black, 8.3 to 1 |
| 5 | `#33a0d6` | `oklch(66.93% 0.1240 234.95)` | Blue Damselfly | black, 7.1 to 1 |
| 6 | `#324bc3` | `oklch(47.24% 0.1888 268.77)` | Kikorangi Blue | white, 7.1 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #9b0e51 0.000% 16.667%, #d3326e 16.667% 33.333%, #fd5575 33.333% 50.000%, #c794b1 50.000% 66.667%, #33a0d6 66.667% 83.333%, #324bc3 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(45.28% 0.1750 0.70) 0.000% 16.667%, oklch(58.27% 0.1998 3.87) 16.667% 33.333%, oklch(68.50% 0.2026 13.38) 33.333% 50.000%, oklch(72.44% 0.0717 343.80) 50.000% 66.667%, oklch(66.93% 0.1240 234.95) 66.667% 83.333%, oklch(47.24% 0.1888 268.77) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.453 | 0.175 | 0.7 |
| 2 | 0.583 | 0.2 | 3.9 |
| 3 | 0.685 | 0.203 | 13.4 |
| 4 | 0.724 | 0.072 | -16.2 |
| 5 | 0.669 | 0.124 | -125.1 |
| 6 | 0.472 | 0.189 | -91.2 |

## In these collections

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

## Other forms

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