# Deco Plum Gold Quarters

Cream, near-black, deep plum, and burnished gold meet in crisp angular quarters. The light-to-dark jumps are deliberate and graphic, giving this palette an opulent showroom mood with a geometric 1980s edge. It suits fashion lookbook covers or premium event graphics that need formal structure, jewel color, and an unmistakable gold accent.

- Also called: Off-white, dark purple and black angular swatches
- Seed: `kU8Bg41CzAKKYs2Uhbtg`
- Page: https://grabient.com/kU8Bg41CzAKKYs2Uhbtg?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: light to dark
- Hues: wide
- Contrast of its darkest and lightest colors: 16.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 | `#f9ebd5` | `oklch(94.49% 0.0331 79.45)` | Dollop of Cream | black, 17.8 to 1 |
| 2 | `#b88a28` | `oklch(66.14% 0.1226 81.57)` | University of California Gold | black, 6.7 to 1 |
| 3 | `#3a1833` | `oklch(27.17% 0.0675 335.89)` | Nightly Voyager | white, 15.3 to 1 |
| 4 | `#0e0c13` | `oklch(16.14% 0.0152 297.85)` | Midnight Oil | white, 19.4 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #f9ebd5 0.000% 25.000%, #b88a28 25.000% 50.000%, #3a1833 50.000% 75.000%, #0e0c13 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(94.49% 0.0331 79.45) 0.000% 25.000%, oklch(66.14% 0.1226 81.57) 25.000% 50.000%, oklch(27.17% 0.0675 335.89) 50.000% 75.000%, oklch(16.14% 0.0152 297.85) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.033 | 79.5 |
| 2 | 0.661 | 0.123 | 81.6 |
| 3 | 0.272 | 0.068 | -24.1 |
| 4 | 0.161 | 0.015 | -62.2 |

## In these collections

- [Glamoratti](https://grabient.com/glamoratti)

## Other forms

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