# Mauve and sky blue color palette

The Mauve and sky blue color palette brings together magenta, light magenta, and light blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is magenta, and its lightest tone is light blue.

- Also called: Duotone purple to light blue linear gradient
- Seed: `kYezjpyR7AVUcwFelD5YxQ4d8kPi`
- Page: https://grabient.com/kYezjpyR7AVUcwFelD5YxQ4d8kPi?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.3 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 | `#774f75` | `oklch(48.43% 0.0772 328.36)` | Birthstone | white, 6.6 to 1 |
| 2 | `#7a5177` | `oklch(49.37% 0.0780 328.69)` | Birthstone | white, 6.4 to 1 |
| 3 | `#7e547b` | `oklch(50.66% 0.0793 329.15)` | Birthstone | white, 6 to 1 |
| 4 | `#845880` | `oklch(52.20% 0.0808 329.69)` | Dull Purple | white, 5.6 to 1 |
| 5 | `#8a5c85` | `oklch(53.87% 0.0822 330.28)` | Candy Violet | white, 5.3 to 1 |
| 6 | `#8f618a` | `oklch(55.57% 0.0834 330.87)` | Hashita Purple | white, 4.9 to 1 |
| 7 | `#95658e` | `oklch(57.18% 0.0840 331.43)` | Chinese Violet | white, 4.6 to 1 |
| 8 | `#9a6a93` | `oklch(58.69% 0.0841 332.06)` | Tulipan Violet | black, 4.8 to 1 |
| 9 | `#9f6e97` | `oklch(60.25% 0.0839 332.96)` | Flowering Raspberry | black, 5.1 to 1 |
| 10 | `#a5739b` | `oklch(61.83% 0.0834 333.91)` | Drama Queen | black, 5.4 to 1 |
| 11 | `#aa779f` | `oklch(63.40% 0.0825 334.70)` | Wonder Wish | black, 5.8 to 1 |
| 12 | `#ae7ca3` | `oklch(64.92% 0.0812 335.13)` | Usu Pink | black, 6.2 to 1 |
| 13 | `#b281a7` | `oklch(66.37% 0.0794 334.97)` | Purple Stripe | black, 6.5 to 1 |
| 14 | `#b586ab` | `oklch(67.75% 0.0769 334.25)` | Opera Mauve | black, 6.9 to 1 |
| 15 | `#b88baf` | `oklch(69.10% 0.0732 333.58)` | Purple Lepidolite | black, 7.3 to 1 |
| 16 | `#ba90b2` | `oklch(70.41% 0.0688 332.67)` | Tiny Ribbons | black, 7.7 to 1 |
| 17 | `#bc95b6` | `oklch(71.65% 0.0642 331.10)` | Mauve Magic | black, 8.1 to 1 |
| 18 | `#bd9aba` | `oklch(72.81% 0.0599 328.45)` | Dripping Wisteria | black, 8.4 to 1 |
| 19 | `#bd9fbf` | `oklch(73.85% 0.0565 324.32)` | Beach Lilac | black, 8.8 to 1 |
| 20 | `#bca3c4` | `oklch(74.76% 0.0544 318.18)` | Beach Lilac | black, 9.1 to 1 |
| 21 | `#baa7ca` | `oklch(75.61% 0.0527 309.05)` | Extraordinaire | black, 9.4 to 1 |
| 22 | `#b6accf` | `oklch(76.37% 0.0514 297.80)` | Lavender Dream | black, 9.7 to 1 |
| 23 | `#b1b0d4` | `oklch(77.03% 0.0508 285.67)` | Freesia Purple | black, 10 to 1 |
| 24 | `#abb4d7` | `oklch(77.53% 0.0512 273.90)` | Lilac Sachet | black, 10.2 to 1 |
| 25 | `#a6b7da` | `oklch(77.85% 0.0528 263.72)` | Lilac Sachet | black, 10.4 to 1 |
| 26 | `#a0b9db` | `oklch(77.95% 0.0559 256.34)` | Fairies in America | black, 10.4 to 1 |
| 27 | `#9abadd` | `oklch(77.72% 0.0615 251.41)` | Blues White Shoes | black, 10.4 to 1 |
| 28 | `#92b9e0` | `oklch(77.20% 0.0693 248.12)` | Sacred Blue | black, 10.2 to 1 |
| 29 | `#8ab8e2` | `oklch(76.53% 0.0781 246.03)` | Goluboy Blue | black, 10 to 1 |
| 30 | `#81b7e4` | `oklch(75.82% 0.0867 244.73)` | Aero | black, 9.8 to 1 |
| 31 | `#79b6e6` | `oklch(75.21% 0.0941 243.78)` | Aero | black, 9.6 to 1 |
| 32 | `#73b5e7` | `oklch(74.80% 0.0992 242.76)` | Life Force | black, 9.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #774f75 0.0%, #7a5177 3.2%, #7e547b 6.5%, #845880 9.7%, #8a5c85 12.9%, #8f618a 16.1%, #95658e 19.4%, #9a6a93 22.6%, #9f6e97 25.8%, #a5739b 29.0%, #aa779f 32.3%, #ae7ca3 35.5%, #b281a7 38.7%, #b586ab 41.9%, #b88baf 45.2%, #ba90b2 48.4%, #bc95b6 51.6%, #bd9aba 54.8%, #bd9fbf 58.1%, #bca3c4 61.3%, #baa7ca 64.5%, #b6accf 67.7%, #b1b0d4 71.0%, #abb4d7 74.2%, #a6b7da 77.4%, #a0b9db 80.6%, #9abadd 83.9%, #92b9e0 87.1%, #8ab8e2 90.3%, #81b7e4 93.5%, #79b6e6 96.8%, #73b5e7 100.0%);
background: linear-gradient(45deg in oklch, oklch(48.43% 0.0772 328.36) 0.0%, oklch(49.37% 0.0780 328.69) 3.2%, oklch(50.66% 0.0793 329.15) 6.5%, oklch(52.20% 0.0808 329.69) 9.7%, oklch(53.87% 0.0822 330.28) 12.9%, oklch(55.57% 0.0834 330.87) 16.1%, oklch(57.18% 0.0840 331.43) 19.4%, oklch(58.69% 0.0841 332.06) 22.6%, oklch(60.25% 0.0839 332.96) 25.8%, oklch(61.83% 0.0834 333.91) 29.0%, oklch(63.40% 0.0825 334.70) 32.3%, oklch(64.92% 0.0812 335.13) 35.5%, oklch(66.37% 0.0794 334.97) 38.7%, oklch(67.75% 0.0769 334.25) 41.9%, oklch(69.10% 0.0732 333.58) 45.2%, oklch(70.41% 0.0688 332.67) 48.4%, oklch(71.65% 0.0642 331.10) 51.6%, oklch(72.81% 0.0599 328.45) 54.8%, oklch(73.85% 0.0565 324.32) 58.1%, oklch(74.76% 0.0544 318.18) 61.3%, oklch(75.61% 0.0527 309.05) 64.5%, oklch(76.37% 0.0514 297.80) 67.7%, oklch(77.03% 0.0508 285.67) 71.0%, oklch(77.53% 0.0512 273.90) 74.2%, oklch(77.85% 0.0528 263.72) 77.4%, oklch(77.95% 0.0559 256.34) 80.6%, oklch(77.72% 0.0615 251.41) 83.9%, oklch(77.20% 0.0693 248.12) 87.1%, oklch(76.53% 0.0781 246.03) 90.3%, oklch(75.82% 0.0867 244.73) 93.5%, oklch(75.21% 0.0941 243.78) 96.8%, oklch(74.80% 0.0992 242.76) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.484 | 0.077 | 328.4 |
| 2 | 0.575 | 0.084 | 331.5 |
| 3 | 0.669 | 0.079 | 334.7 |
| 4 | 0.744 | 0.055 | 321 |
| 5 | 0.78 | 0.055 | 257.6 |
| 6 | 0.748 | 0.099 | 242.8 |

## In these collections

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

## Other forms

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