# Near-black, crimson and mauve vamp romantic palette

The Near-black, crimson and mauve vamp romantic palette brings together dark gray, orange, magenta, and light magenta. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is dark gray, and its lightest tone is light magenta.

- Also called: Black, brown, purple and lavender angular swatches
- Seed: `kULQgrRZ_B6cjtLblsAg`
- Page: https://grabient.com/kULQgrRZ_B6cjtLblsAg?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.4 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 | `#15100c` | `oklch(17.72% 0.0110 60.47)` | Nuln Oil | white, 18.9 to 1 |
| 2 | `#8d6a31` | `oklch(54.72% 0.0868 77.38)` | Mango Squash | white, 4.9 to 1 |
| 3 | `#4e163d` | `oklch(30.71% 0.0978 342.27)` | Violet Carmine | white, 13.9 to 1 |
| 4 | `#c296ae` | `oklch(72.05% 0.0620 344.38)` | Cherished | black, 8.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #15100c 0.000% 25.000%, #8d6a31 25.000% 50.000%, #4e163d 50.000% 75.000%, #c296ae 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(17.72% 0.0110 60.47) 0.000% 25.000%, oklch(54.72% 0.0868 77.38) 25.000% 50.000%, oklch(30.71% 0.0978 342.27) 50.000% 75.000%, oklch(72.05% 0.0620 344.38) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.177 | 0.011 | 60.5 |
| 2 | 0.547 | 0.087 | 77.4 |
| 3 | 0.307 | 0.098 | -17.7 |
| 4 | 0.72 | 0.062 | -15.6 |

## In these collections

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

## Other forms

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