# Pink and Blue: Rose and plum

The "Pink and Blue: Rose and plum" palette brings together magenta, purple, dark blue, and blue. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is magenta.

- Also called: Magenta, purple and navy linear gradient
- Seed: `kWen79NLO-aumvMmHrrJ569Y`
- Page: https://grabient.com/kWen79NLO-aumvMmHrrJ569Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, dark
- Hues: wide
- Contrast of its darkest and lightest colors: 1.9 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 | `#a21f61` | `oklch(48.03% 0.1736 355.78)` | Banafsaji Purple | white, 7.2 to 1 |
| 2 | `#9f2061` | `oklch(47.50% 0.1711 354.87)` | Berry Curious | white, 7.3 to 1 |
| 3 | `#9b2061` | `oklch(46.79% 0.1678 353.75)` | Berry Curious | white, 7.5 to 1 |
| 4 | `#962061` | `oklch(45.95% 0.1638 352.43)` | Raspberry Magenta | white, 7.8 to 1 |
| 5 | `#912060` | `oklch(45.01% 0.1594 350.89)` | Raspberry Magenta | white, 8.1 to 1 |
| 6 | `#8b2060` | `oklch(44.01% 0.1548 349.13)` | Violettuce | white, 8.4 to 1 |
| 7 | `#85205f` | `oklch(43.01% 0.1500 347.14)` | Violettuce | white, 8.8 to 1 |
| 8 | `#80215f` | `oklch(42.03% 0.1453 344.92)` | Smooch | white, 9.1 to 1 |
| 9 | `#7a215f` | `oklch(41.11% 0.1408 342.46)` | Smooch | white, 9.5 to 1 |
| 10 | `#74215f` | `oklch(40.19% 0.1362 339.80)` | Byzantium | white, 9.8 to 1 |
| 11 | `#6e215f` | `oklch(39.23% 0.1314 336.94)` | Palatinate Purple | white, 10.2 to 1 |
| 12 | `#68225e` | `oklch(38.25% 0.1265 333.86)` | Palatinate Purple | white, 10.6 to 1 |
| 13 | `#62225e` | `oklch(37.29% 0.1216 330.53)` | Blackest Berry | white, 10.9 to 1 |
| 14 | `#5c225d` | `oklch(36.35% 0.1168 326.94)` | Kuwanomi Purple | white, 11.3 to 1 |
| 15 | `#56225d` | `oklch(35.46% 0.1122 323.07)` | Kuwanomi Purple | white, 11.7 to 1 |
| 16 | `#51235c` | `oklch(34.63% 0.1080 318.89)` | Wonka Purple | white, 12 to 1 |
| 17 | `#4b235c` | `oklch(33.88% 0.1042 314.32)` | Wonka Purple | white, 12.3 to 1 |
| 18 | `#45245c` | `oklch(33.16% 0.1006 309.02)` | Queen’s Domain | white, 12.6 to 1 |
| 19 | `#3f245c` | `oklch(32.46% 0.0972 303.17)` | Galactic Wonder | white, 12.9 to 1 |
| 20 | `#38255b` | `oklch(31.80% 0.0940 297.02)` | Stormy Night | white, 13.2 to 1 |
| 21 | `#32265b` | `oklch(31.21% 0.0910 290.82)` | Paris M | white, 13.4 to 1 |
| 22 | `#2c275a` | `oklch(30.69% 0.0884 284.82)` | Ceremonial Purple | white, 13.6 to 1 |
| 23 | `#272758` | `oklch(30.28% 0.0862 279.27)` | Ceremonial Purple | white, 13.7 to 1 |
| 24 | `#222857` | `oklch(29.98% 0.0844 274.43)` | Ultramarine Violet | white, 13.8 to 1 |
| 25 | `#1e2957` | `oklch(29.82% 0.0832 270.34)` | Ultramarine Violet | white, 13.9 to 1 |
| 26 | `#1a2a56` | `oklch(29.84% 0.0826 266.66)` | Ultramarine Violet | white, 13.8 to 1 |
| 27 | `#172b57` | `oklch(29.98% 0.0824 263.36)` | Ultramarine Violet | white, 13.7 to 1 |
| 28 | `#142d57` | `oklch(30.21% 0.0826 260.42)` | Ambassador Blue | white, 13.6 to 1 |
| 29 | `#112e58` | `oklch(30.48% 0.0830 257.85)` | Ambassador Blue | white, 13.4 to 1 |
| 30 | `#0e2f59` | `oklch(30.75% 0.0835 255.62)` | Ambassador Blue | white, 13.3 to 1 |
| 31 | `#0b3059` | `oklch(30.97% 0.0839 253.75)` | Ambassador Blue | white, 13.2 to 1 |
| 32 | `#083159` | `oklch(31.10% 0.0841 252.22)` | Effervescent Blue | white, 13.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #a21f61 0.0%, #9f2061 3.2%, #9b2061 6.5%, #962061 9.7%, #912060 12.9%, #8b2060 16.1%, #85205f 19.4%, #80215f 22.6%, #7a215f 25.8%, #74215f 29.0%, #6e215f 32.3%, #68225e 35.5%, #62225e 38.7%, #5c225d 41.9%, #56225d 45.2%, #51235c 48.4%, #4b235c 51.6%, #45245c 54.8%, #3f245c 58.1%, #38255b 61.3%, #32265b 64.5%, #2c275a 67.7%, #272758 71.0%, #222857 74.2%, #1e2957 77.4%, #1a2a56 80.6%, #172b57 83.9%, #142d57 87.1%, #112e58 90.3%, #0e2f59 93.5%, #0b3059 96.8%, #083159 100.0%);
background: linear-gradient(135deg in oklch, oklch(48.03% 0.1736 355.78) 0.0%, oklch(47.50% 0.1711 354.87) 3.2%, oklch(46.79% 0.1678 353.75) 6.5%, oklch(45.95% 0.1638 352.43) 9.7%, oklch(45.01% 0.1594 350.89) 12.9%, oklch(44.01% 0.1548 349.13) 16.1%, oklch(43.01% 0.1500 347.14) 19.4%, oklch(42.03% 0.1453 344.92) 22.6%, oklch(41.11% 0.1408 342.46) 25.8%, oklch(40.19% 0.1362 339.80) 29.0%, oklch(39.23% 0.1314 336.94) 32.3%, oklch(38.25% 0.1265 333.86) 35.5%, oklch(37.29% 0.1216 330.53) 38.7%, oklch(36.35% 0.1168 326.94) 41.9%, oklch(35.46% 0.1122 323.07) 45.2%, oklch(34.63% 0.1080 318.89) 48.4%, oklch(33.88% 0.1042 314.32) 51.6%, oklch(33.16% 0.1006 309.02) 54.8%, oklch(32.46% 0.0972 303.17) 58.1%, oklch(31.80% 0.0940 297.02) 61.3%, oklch(31.21% 0.0910 290.82) 64.5%, oklch(30.69% 0.0884 284.82) 67.7%, oklch(30.28% 0.0862 279.27) 71.0%, oklch(29.98% 0.0844 274.43) 74.2%, oklch(29.82% 0.0832 270.34) 77.4%, oklch(29.84% 0.0826 266.66) 80.6%, oklch(29.98% 0.0824 263.36) 83.9%, oklch(30.21% 0.0826 260.42) 87.1%, oklch(30.48% 0.0830 257.85) 90.3%, oklch(30.75% 0.0835 255.62) 93.5%, oklch(30.97% 0.0839 253.75) 96.8%, oklch(31.10% 0.0841 252.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.174 | 355.8 |
| 2 | 0.413 | 0.142 | 343.1 |
| 3 | 0.343 | 0.106 | 316.7 |
| 4 | 0.299 | 0.084 | 273.4 |
| 5 | 0.311 | 0.084 | 252.2 |

## In these collections

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

## Other forms

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