# Vamp Romance Lantern

5 diagonal bands follow deep blue, rose, orange, near-black, and muted gray. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks. Use this palette for beauty packaging, nocturnal invitations, editorial covers, and dark romantic graphics; each visible color keeps a practical role without weakening the collection’s specific mood.

- Also called: Navy, brown, black and pink linear swatches
- Seed: `kWVCDIsKrJ0QaxydDLebYzCI`
- Page: https://grabient.com/kWVCDIsKrJ0QaxydDLebYzCI?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 11.1 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 | `#32334c` | `oklch(33.07% 0.0441 281.95)` | Deep Velvet | white, 12.2 to 1 |
| 2 | `#72203a` | `oklch(38.19% 0.1171 5.44)` | Rocking Chair | white, 10.5 to 1 |
| 3 | `#8a653d` | `oklch(53.54% 0.0730 66.73)` | Cambridge Leather | white, 5.2 to 1 |
| 4 | `#29151d` | `oklch(22.83% 0.0344 355.93)` | Black Cherry | white, 17.1 to 1 |
| 5 | `#e8c9ca` | `oklch(86.22% 0.0344 14.95)` | Pink Spinel | black, 13.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #32334c 0.000% 20.000%, #72203a 20.000% 40.000%, #8a653d 40.000% 60.000%, #29151d 60.000% 80.000%, #e8c9ca 80.000% 100.000%);
background: linear-gradient(45deg, oklch(33.07% 0.0441 281.95) 0.000% 20.000%, oklch(38.19% 0.1171 5.44) 20.000% 40.000%, oklch(53.54% 0.0730 66.73) 40.000% 60.000%, oklch(22.83% 0.0344 355.93) 60.000% 80.000%, oklch(86.22% 0.0344 14.95) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.044 | 282 |
| 2 | 0.382 | 0.117 | 365.4 |
| 3 | 0.535 | 0.073 | 426.7 |
| 4 | 0.228 | 0.034 | 355.9 |
| 5 | 0.862 | 0.034 | 374.9 |

## In these collections

- [Vamp romantic swatches](https://grabient.com/vamp-romantic-swatches)

## Other forms

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