# Cream To Plum Romantic Drift

This diagonal gradient begins in pale cream, passes through blush, dusty mauve, muted violet, and deep plum, then closes in near-black purple. The long light-to-dark transition feels refined and romantic while providing both pale and dark areas for foreground type. Use it for wedding stationery, editorial covers, beauty graphics, or soft cinematic backgrounds.

- Also called: Beige, purple and black linear gradient
- Seed: `kU6CA2LxYxColw2XDTwA`
- Page: https://grabient.com/kU6CA2LxYxColw2XDTwA?steps=32&angle=345
- Drawn as: linear gradient, 32 steps, 345 degrees
- Kinds: light to dark, dark
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.5 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 | `#f4dfc3` | `oklch(91.34% 0.0441 75.94)` | Impressive Ivory | black, 16.1 to 1 |
| 2 | `#ecd3b9` | `oklch(88.01% 0.0449 68.07)` | Creamery | black, 14.5 to 1 |
| 3 | `#e1c2ac` | `oklch(83.48% 0.0459 57.17)` | Tailor’s Buff | black, 12.5 to 1 |
| 4 | `#d2afa0` | `oklch(78.03% 0.0469 43.98)` | Indian Khaki | black, 10.3 to 1 |
| 5 | `#c19a93` | `oklch(71.94% 0.0481 29.27)` | Coca Mocha | black, 8.2 to 1 |
| 6 | `#ad8588` | `oklch(65.51% 0.0494 13.81)` | Orchid Red | black, 6.4 to 1 |
| 7 | `#97717d` | `oklch(59.00% 0.0510 358.36)` | Heritage Taffeta | black, 4.9 to 1 |
| 8 | `#815f73` | `oklch(52.72% 0.0528 343.68)` | Majestic Plum | white, 5.4 to 1 |
| 9 | `#6d4f69` | `oklch(46.94% 0.0548 330.55)` | Hibernation | white, 7 to 1 |
| 10 | `#5b4361` | `oklch(41.95% 0.0571 319.72)` | Sunset Serenade | white, 8.7 to 1 |
| 11 | `#4d395a` | `oklch(38.03% 0.0597 311.96)` | Dark Blackberry | white, 10.2 to 1 |
| 12 | `#443255` | `oklch(35.35% 0.0629 307.83)` | Devil’s Plum | white, 11.4 to 1 |
| 13 | `#402d52` | `oklch(33.63% 0.0672 306.82)` | Jagger | white, 12.2 to 1 |
| 14 | `#3f2951` | `oklch(32.68% 0.0725 308.33)` | Operetta Mauve | white, 12.7 to 1 |
| 15 | `#412650` | `oklch(32.34% 0.0783 311.74)` | Galactic Wonder | white, 12.9 to 1 |
| 16 | `#452450` | `oklch(32.42% 0.0843 316.48)` | Galactic Wonder | white, 12.9 to 1 |
| 17 | `#492250` | `oklch(32.78% 0.0901 321.96)` | Queen’s Domain | white, 12.8 to 1 |
| 18 | `#4f214f` | `oklch(33.24% 0.0953 327.57)` | Murasaki | white, 12.6 to 1 |
| 19 | `#531f4d` | `oklch(33.62% 0.0995 332.73)` | Violet Carmine | white, 12.5 to 1 |
| 20 | `#561e4a` | `oklch(33.78% 0.1024 336.84)` | Violet Carmine | white, 12.4 to 1 |
| 21 | `#571c48` | `oklch(33.54% 0.1037 339.32)` | Violet Carmine | white, 12.6 to 1 |
| 22 | `#551a45` | `oklch(32.75% 0.1028 339.64)` | Violet Carmine | white, 12.9 to 1 |
| 23 | `#501843` | `oklch(31.57% 0.0995 338.36)` | Violet Carmine | white, 13.5 to 1 |
| 24 | `#491740` | `oklch(30.14% 0.0942 335.95)` | Velvet Cosmos | white, 14.1 to 1 |
| 25 | `#42163d` | `oklch(28.53% 0.0873 332.67)` | Velvet Cosmos | white, 14.8 to 1 |
| 26 | `#3a1539` | `oklch(26.81% 0.0794 328.77)` | Nightly Voyager | white, 15.6 to 1 |
| 27 | `#321434` | `oklch(25.05% 0.0708 324.52)` | Cultist Robe | white, 16.3 to 1 |
| 28 | `#2a122f` | `oklch(23.32% 0.0621 320.18)` | Dark Prom Queen | white, 17 to 1 |
| 29 | `#23112a` | `oklch(21.69% 0.0538 315.99)` | Inside | white, 17.6 to 1 |
| 30 | `#1e1026` | `oklch(20.23% 0.0463 312.23)` | Inside | white, 18.2 to 1 |
| 31 | `#190e21` | `oklch(19.01% 0.0402 309.15)` | Shot in the Dark | white, 18.6 to 1 |
| 32 | `#160d1e` | `oklch(18.11% 0.0358 307.01)` | Shot in the Dark | white, 18.8 to 1 |

## CSS

```css
background: linear-gradient(345deg, #f4dfc3 0.0%, #ecd3b9 3.2%, #e1c2ac 6.5%, #d2afa0 9.7%, #c19a93 12.9%, #ad8588 16.1%, #97717d 19.4%, #815f73 22.6%, #6d4f69 25.8%, #5b4361 29.0%, #4d395a 32.3%, #443255 35.5%, #402d52 38.7%, #3f2951 41.9%, #412650 45.2%, #452450 48.4%, #492250 51.6%, #4f214f 54.8%, #531f4d 58.1%, #561e4a 61.3%, #571c48 64.5%, #551a45 67.7%, #501843 71.0%, #491740 74.2%, #42163d 77.4%, #3a1539 80.6%, #321434 83.9%, #2a122f 87.1%, #23112a 90.3%, #1e1026 93.5%, #190e21 96.8%, #160d1e 100.0%);
background: linear-gradient(345deg in oklch, oklch(91.34% 0.0441 75.94) 0.0%, oklch(88.01% 0.0449 68.07) 3.2%, oklch(83.48% 0.0459 57.17) 6.5%, oklch(78.03% 0.0469 43.98) 9.7%, oklch(71.94% 0.0481 29.27) 12.9%, oklch(65.51% 0.0494 13.81) 16.1%, oklch(59.00% 0.0510 358.36) 19.4%, oklch(52.72% 0.0528 343.68) 22.6%, oklch(46.94% 0.0548 330.55) 25.8%, oklch(41.95% 0.0571 319.72) 29.0%, oklch(38.03% 0.0597 311.96) 32.3%, oklch(35.35% 0.0629 307.83) 35.5%, oklch(33.63% 0.0672 306.82) 38.7%, oklch(32.68% 0.0725 308.33) 41.9%, oklch(32.34% 0.0783 311.74) 45.2%, oklch(32.42% 0.0843 316.48) 48.4%, oklch(32.78% 0.0901 321.96) 51.6%, oklch(33.24% 0.0953 327.57) 54.8%, oklch(33.62% 0.0995 332.73) 58.1%, oklch(33.78% 0.1024 336.84) 61.3%, oklch(33.54% 0.1037 339.32) 64.5%, oklch(32.75% 0.1028 339.64) 67.7%, oklch(31.57% 0.0995 338.36) 71.0%, oklch(30.14% 0.0942 335.95) 74.2%, oklch(28.53% 0.0873 332.67) 77.4%, oklch(26.81% 0.0794 328.77) 80.6%, oklch(25.05% 0.0708 324.52) 83.9%, oklch(23.32% 0.0621 320.18) 87.1%, oklch(21.69% 0.0538 315.99) 90.3%, oklch(20.23% 0.0463 312.23) 93.5%, oklch(19.01% 0.0402 309.15) 96.8%, oklch(18.11% 0.0358 307.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.913 | 0.044 | 75.9 |
| 2 | 0.37 | 0.061 | -49.8 |
| 3 | 0.331 | 0.103 | -20.2 |
| 4 | 0.181 | 0.036 | -53 |

## In these collections

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

## Other forms

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