# Plum Ivory Fan

These four angular wedges move from plum through navy blue, deep green, and finish in ivory. Use the rich darks and contrasting accents for mask graphics, costume planning, invitations, or candlelit event decor. The separated colors give backgrounds, lettering, trim, and small decorative details distinct roles in a dramatic composition.

- Also called: Purple, navy, teal and beige angular swatches
- Seed: `kUa2ntLJy2LMYNz0ETWA`
- Page: https://grabient.com/kUa2ntLJy2LMYNz0ETWA?style=angularSwatches&steps=4&angle=210
- Drawn as: angular swatches, 4 steps, 210 degrees
- Kinds: dark to light
- Hues: wide
- Contrast of its darkest and lightest colors: 8.7 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 | `#79256e` | `oklch(42.13% 0.1447 333.28)` | Mirage of Violets | white, 9.1 to 1 |
| 2 | `#163c62` | `oklch(35.04% 0.0785 250.85)` | Poseidon | white, 11.2 to 1 |
| 3 | `#145447` | `oklch(40.16% 0.0661 176.88)` | Bagpiper | white, 8.8 to 1 |
| 4 | `#efe2c0` | `oklch(91.34% 0.0469 89.17)` | Beurre Blanc | black, 16.2 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #79256e 0.000% 25.000%, #163c62 25.000% 50.000%, #145447 50.000% 75.000%, #efe2c0 75.000% 100.000%);
background: conic-gradient(from 210deg, oklch(42.13% 0.1447 333.28) 0.000% 25.000%, oklch(35.04% 0.0785 250.85) 25.000% 50.000%, oklch(40.16% 0.0661 176.88) 50.000% 75.000%, oklch(91.34% 0.0469 89.17) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.145 | 333.3 |
| 2 | 0.35 | 0.079 | 250.9 |
| 3 | 0.402 | 0.066 | 176.9 |
| 4 | 0.913 | 0.047 | 89.2 |

## In these collections

- [Masquerade swatches](https://grabient.com/masquerade-swatches)

## Other forms

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