# Navy, mauve and cream romantic palette

The Navy, mauve and cream romantic palette brings together blue, red, light red, and off-white. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Muted complementary navy to light pink radial gradient
- Seed: `kWUSS5SJA_9UYS3ui8E-YZFI`
- Page: https://grabient.com/kWUSS5SJA_9UYS3ui8E-YZFI?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#24334c` | `oklch(31.89% 0.0496 260.16)` | Blue Lobelia | white, 12.7 to 1 |
| 2 | `#293851` | `oklch(34.02% 0.0490 259.45)` | Cool Air of Debonair | white, 11.7 to 1 |
| 3 | `#304059` | `oklch(36.98% 0.0479 257.75)` | Pi | white, 10.4 to 1 |
| 4 | `#384a62` | `oklch(40.52% 0.0466 255.69)` | Evening Glory | white, 9 to 1 |
| 5 | `#42556c` | `oklch(44.36% 0.0453 253.89)` | Inkjet | white, 7.6 to 1 |
| 6 | `#4d6077` | `oklch(48.26% 0.0442 252.98)` | Night Market | white, 6.4 to 1 |
| 7 | `#576a82` | `oklch(51.94% 0.0436 253.58)` | Aurora Borealis | white, 5.5 to 1 |
| 8 | `#62738c` | `oklch(55.15% 0.0436 256.32)` | Columbus | white, 4.8 to 1 |
| 9 | `#6b7a94` | `oklch(57.63% 0.0444 261.87)` | Noble Blue | black, 4.8 to 1 |
| 10 | `#747d9b` | `oklch(59.43% 0.0467 271.27)` | Country Blue | black, 5.1 to 1 |
| 11 | `#7e7fa0` | `oklch(60.76% 0.0502 283.87)` | Blue Intrigue | black, 5.4 to 1 |
| 12 | `#897fa2` | `oklch(61.78% 0.0543 298.48)` | Second Pour | black, 5.6 to 1 |
| 13 | `#957ea1` | `oklch(62.65% 0.0585 313.92)` | Wildflower | black, 5.7 to 1 |
| 14 | `#a07e9e` | `oklch(63.54% 0.0622 329.00)` | Wild Lavender | black, 5.9 to 1 |
| 15 | `#ab7f99` | `oklch(64.61% 0.0650 342.55)` | Bouquet | black, 6.1 to 1 |
| 16 | `#b38295` | `oklch(66.04% 0.0663 353.36)` | Nuisette | black, 6.5 to 1 |
| 17 | `#bb8896` | `oklch(67.96% 0.0655 0.44)` | Mauvey Nude | black, 7 to 1 |
| 18 | `#c2909b` | `oklch(70.34% 0.0627 4.37)` | Grey Pink | black, 7.7 to 1 |
| 19 | `#c999a2` | `oklch(73.05% 0.0585 6.01)` | Careys Pink | black, 8.5 to 1 |
| 20 | `#d0a3ab` | `oklch(75.94% 0.0533 6.14)` | Lady Flower | black, 9.5 to 1 |
| 21 | `#d6aeb6` | `oklch(78.87% 0.0477 5.55)` | Strawberry Latte | black, 10.5 to 1 |
| 22 | `#dcb8bf` | `oklch(81.71% 0.0420 5.00)` | Hosanna | black, 11.6 to 1 |
| 23 | `#e2c2c8` | `oklch(84.31% 0.0368 5.27)` | Odyssey Plum | black, 12.7 to 1 |
| 24 | `#e7cacf` | `oklch(86.53% 0.0325 7.14)` | Pink Slipper | black, 13.7 to 1 |
| 25 | `#ebd1d4` | `oklch(88.33% 0.0294 11.09)` | Short and Sweet | black, 14.6 to 1 |
| 26 | `#efd7d7` | `oklch(89.91% 0.0267 16.55)` | Light Petite Pink | black, 15.3 to 1 |
| 27 | `#f2dcdb` | `oklch(91.28% 0.0243 23.00)` | Lover’s Knot | black, 16 to 1 |
| 28 | `#f5e1dd` | `oklch(92.46% 0.0222 29.92)` | Floral Linen | black, 16.6 to 1 |
| 29 | `#f7e5e0` | `oklch(93.47% 0.0204 36.82)` | Discreet Romance | black, 17.2 to 1 |
| 30 | `#f8e9e2` | `oklch(94.33% 0.0189 43.19)` | Hush Pink | black, 17.7 to 1 |
| 31 | `#f9ece5` | `oklch(95.06% 0.0176 48.53)` | Light Rose Beige | black, 18.1 to 1 |
| 32 | `#faeee7` | `oklch(95.67% 0.0165 52.33)` | Rose White | black, 18.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #24334c 0.0%, #293851 3.2%, #304059 6.5%, #384a62 9.7%, #42556c 12.9%, #4d6077 16.1%, #576a82 19.4%, #62738c 22.6%, #6b7a94 25.8%, #747d9b 29.0%, #7e7fa0 32.3%, #897fa2 35.5%, #957ea1 38.7%, #a07e9e 41.9%, #ab7f99 45.2%, #b38295 48.4%, #bb8896 51.6%, #c2909b 54.8%, #c999a2 58.1%, #d0a3ab 61.3%, #d6aeb6 64.5%, #dcb8bf 67.7%, #e2c2c8 71.0%, #e7cacf 74.2%, #ebd1d4 77.4%, #efd7d7 80.6%, #f2dcdb 83.9%, #f5e1dd 87.1%, #f7e5e0 90.3%, #f8e9e2 93.5%, #f9ece5 96.8%, #faeee7 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(31.89% 0.0496 260.16) 0.0%, oklch(34.02% 0.0490 259.45) 3.2%, oklch(36.98% 0.0479 257.75) 6.5%, oklch(40.52% 0.0466 255.69) 9.7%, oklch(44.36% 0.0453 253.89) 12.9%, oklch(48.26% 0.0442 252.98) 16.1%, oklch(51.94% 0.0436 253.58) 19.4%, oklch(55.15% 0.0436 256.32) 22.6%, oklch(57.63% 0.0444 261.87) 25.8%, oklch(59.43% 0.0467 271.27) 29.0%, oklch(60.76% 0.0502 283.87) 32.3%, oklch(61.78% 0.0543 298.48) 35.5%, oklch(62.65% 0.0585 313.92) 38.7%, oklch(63.54% 0.0622 329.00) 41.9%, oklch(64.61% 0.0650 342.55) 45.2%, oklch(66.04% 0.0663 353.36) 48.4%, oklch(67.96% 0.0655 0.44) 51.6%, oklch(70.34% 0.0627 4.37) 54.8%, oklch(73.05% 0.0585 6.01) 58.1%, oklch(75.94% 0.0533 6.14) 61.3%, oklch(78.87% 0.0477 5.55) 64.5%, oklch(81.71% 0.0420 5.00) 67.7%, oklch(84.31% 0.0368 5.27) 71.0%, oklch(86.53% 0.0325 7.14) 74.2%, oklch(88.33% 0.0294 11.09) 77.4%, oklch(89.91% 0.0267 16.55) 80.6%, oklch(91.28% 0.0243 23.00) 83.9%, oklch(92.46% 0.0222 29.92) 87.1%, oklch(93.47% 0.0204 36.82) 90.3%, oklch(94.33% 0.0189 43.19) 93.5%, oklch(95.06% 0.0176 48.53) 96.8%, oklch(95.67% 0.0165 52.33) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.05 | 260.2 |
| 2 | 0.571 | 0.044 | 260.2 |
| 3 | 0.669 | 0.066 | 357.4 |
| 4 | 0.87 | 0.032 | 367.9 |
| 5 | 0.957 | 0.017 | 412.3 |

## In these collections

- [Romantic color palette](https://grabient.com/romantic-color-palette)

## Other forms

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