# Plum Teal Vintage Passage

This diagonal gradient moves from near black plum through deep violet and blue, then teal, olive, dusty rose, lavender gray, and pale peach. The softened transitions recall aged print and faded film color. Use it for retro editorial backgrounds, atmospheric posters, title cards, or heritage inspired branding with a broad, gently weathered spectrum.

- Also called: Muted rainbow from black to pink linear gradient
- Seed: `kYKxj0KR6-bwWrbPkrEYwuz3YPTQ`
- Page: https://grabient.com/kYKxj0KR6-bwWrbPkrEYwuz3YPTQ?steps=32&angle=60
- Drawn as: linear gradient, 32 steps, 60 degrees
- Kinds: dark to light, rainbow
- Hues: analogous
- Contrast of its darkest and lightest colors: 15.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 | `#190913` | `oklch(16.93% 0.0331 343.13)` | Noir Fiction | white, 19.2 to 1 |
| 2 | `#1e0b17` | `oklch(18.54% 0.0392 343.34)` | Shot in the Dark | white, 18.7 to 1 |
| 3 | `#270e1d` | `oklch(20.76% 0.0483 344.96)` | Inside | white, 18 to 1 |
| 4 | `#311123` | `oklch(23.39% 0.0589 346.36)` | Black Cherry | white, 17 to 1 |
| 5 | `#3b142c` | `oklch(26.24% 0.0693 345.92)` | Nightly Voyager | white, 15.8 to 1 |
| 6 | `#441936` | `oklch(29.10% 0.0780 342.00)` | Blackberry | white, 14.5 to 1 |
| 7 | `#4a2044` | `oklch(31.79% 0.0835 333.00)` | Opulent Mauve | white, 13.2 to 1 |
| 8 | `#4a2955` | `oklch(34.23% 0.0847 317.26)` | Deep Plum | white, 12.1 to 1 |
| 9 | `#423565` | `oklch(36.64% 0.0827 295.15)` | Minsk | white, 10.9 to 1 |
| 10 | `#34426f` | `oklch(39.04% 0.0784 268.79)` | Space Missions | white, 9.7 to 1 |
| 11 | `#21506f` | `oklch(41.44% 0.0731 240.31)` | Kinetic Blue | white, 8.5 to 1 |
| 12 | `#185c68` | `oklch(43.85% 0.0677 211.86)` | Tropical Skies | white, 7.6 to 1 |
| 13 | `#28645e` | `oklch(46.27% 0.0633 185.58)` | Strong Sage | white, 6.8 to 1 |
| 14 | `#3e6b56` | `oklch(48.71% 0.0605 162.76)` | Toad King | white, 6.1 to 1 |
| 15 | `#546f50` | `oklch(51.18% 0.0586 141.10)` | Daylight Jungle | white, 5.5 to 1 |
| 16 | `#69734d` | `oklch(53.66% 0.0570 120.22)` | Dill Pickle | white, 5 to 1 |
| 17 | `#7c764f` | `oklch(56.14% 0.0556 100.04)` | Greek Oregano | white, 4.6 to 1 |
| 18 | `#8d7957` | `oklch(58.63% 0.0541 80.50)` | Hair Brown | black, 5 to 1 |
| 19 | `#9b7d63` | `oklch(61.11% 0.0523 61.54)` | Rookwood Clay | black, 5.4 to 1 |
| 20 | `#a68273` | `oklch(63.59% 0.0499 42.72)` | Clay Dusk | black, 6 to 1 |
| 21 | `#ad8886` | `oklch(66.07% 0.0466 21.47)` | Woodrose | black, 6.6 to 1 |
| 22 | `#b18f99` | `oklch(68.56% 0.0428 359.23)` | Mauve Shadows | black, 7.2 to 1 |
| 23 | `#b399aa` | `oklch(71.05% 0.0389 338.40)` | Play Time | black, 8 to 1 |
| 24 | `#b4a2b7` | `oklch(73.52% 0.0354 321.36)` | Emanation | black, 8.8 to 1 |
| 25 | `#b8acc1` | `oklch(75.99% 0.0328 310.51)` | Lavender Frost | black, 9.6 to 1 |
| 26 | `#beb4c9` | `oklch(78.45% 0.0316 308.31)` | Decency | black, 10.5 to 1 |
| 27 | `#cabbcf` | `oklch(81.10% 0.0319 317.62)` | Last of the Lilacs | black, 11.5 to 1 |
| 28 | `#d9c2d3` | `oklch(83.90% 0.0334 336.02)` | Chinaberry Bloom | black, 12.6 to 1 |
| 29 | `#e8cad2` | `oklch(86.66% 0.0355 359.42)` | Pink Slipper | black, 13.8 to 1 |
| 30 | `#f4d2cf` | `oklch(89.21% 0.0379 23.75)` | Pinky Promise | black, 14.9 to 1 |
| 31 | `#fbdbcd` | `oklch(91.35% 0.0400 44.93)` | Light Carob | black, 16 to 1 |
| 32 | `#fde2cd` | `oklch(92.91% 0.0413 58.86)` | Melted Marshmallow | black, 16.9 to 1 |

## CSS

```css
background: linear-gradient(60deg, #190913 0.0%, #1e0b17 3.2%, #270e1d 6.5%, #311123 9.7%, #3b142c 12.9%, #441936 16.1%, #4a2044 19.4%, #4a2955 22.6%, #423565 25.8%, #34426f 29.0%, #21506f 32.3%, #185c68 35.5%, #28645e 38.7%, #3e6b56 41.9%, #546f50 45.2%, #69734d 48.4%, #7c764f 51.6%, #8d7957 54.8%, #9b7d63 58.1%, #a68273 61.3%, #ad8886 64.5%, #b18f99 67.7%, #b399aa 71.0%, #b4a2b7 74.2%, #b8acc1 77.4%, #beb4c9 80.6%, #cabbcf 83.9%, #d9c2d3 87.1%, #e8cad2 90.3%, #f4d2cf 93.5%, #fbdbcd 96.8%, #fde2cd 100.0%);
background: linear-gradient(60deg in oklch, oklch(16.93% 0.0331 343.13) 0.0%, oklch(18.54% 0.0392 343.34) 3.2%, oklch(20.76% 0.0483 344.96) 6.5%, oklch(23.39% 0.0589 346.36) 9.7%, oklch(26.24% 0.0693 345.92) 12.9%, oklch(29.10% 0.0780 342.00) 16.1%, oklch(31.79% 0.0835 333.00) 19.4%, oklch(34.23% 0.0847 317.26) 22.6%, oklch(36.64% 0.0827 295.15) 25.8%, oklch(39.04% 0.0784 268.79) 29.0%, oklch(41.44% 0.0731 240.31) 32.3%, oklch(43.85% 0.0677 211.86) 35.5%, oklch(46.27% 0.0633 185.58) 38.7%, oklch(48.71% 0.0605 162.76) 41.9%, oklch(51.18% 0.0586 141.10) 45.2%, oklch(53.66% 0.0570 120.22) 48.4%, oklch(56.14% 0.0556 100.04) 51.6%, oklch(58.63% 0.0541 80.50) 54.8%, oklch(61.11% 0.0523 61.54) 58.1%, oklch(63.59% 0.0499 42.72) 61.3%, oklch(66.07% 0.0466 21.47) 64.5%, oklch(68.56% 0.0428 359.23) 67.7%, oklch(71.05% 0.0389 338.40) 71.0%, oklch(73.52% 0.0354 321.36) 74.2%, oklch(75.99% 0.0328 310.51) 77.4%, oklch(78.45% 0.0316 308.31) 80.6%, oklch(81.10% 0.0319 317.62) 83.9%, oklch(83.90% 0.0334 336.02) 87.1%, oklch(86.66% 0.0355 359.42) 90.3%, oklch(89.21% 0.0379 23.75) 93.5%, oklch(91.35% 0.0400 44.93) 96.8%, oklch(92.91% 0.0413 58.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.169 | 0.033 | 343.1 |
| 2 | 0.323 | 0.084 | 330.4 |
| 3 | 0.472 | 0.062 | 176.2 |
| 4 | 0.626 | 0.051 | 50.4 |
| 5 | 0.78 | 0.032 | -52.1 |
| 6 | 0.929 | 0.041 | 58.9 |

## In these collections

- [Vintage gradients](https://grabient.com/vintage-gradients)

## Other forms

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