# Violet Coral Sunset Wedges

These 6 fan-shaped wedges move through burnt red, deep violet, cobalt blue, bright purple, pale lavender, and coral pink. The separated colors provide clear roles for backgrounds, headings, borders, icons, and small accents while preserving the collection's visual character.

- Also called: Vivid maroon, blue, purple and pink angular swatches
- Seed: `kYX18XtkM4L5JunDzUD3ipB98ox2`
- Page: https://grabient.com/kYX18XtkM4L5JunDzUD3ipB98ox2?style=angularSwatches&steps=6&angle=240
- Drawn as: angular swatches, 6 steps, 240 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 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 | `#771906` | `oklch(37.40% 0.1309 33.05)` | Obscure Ogre | white, 10.9 to 1 |
| 2 | `#7f1080` | `oklch(42.52% 0.1846 327.53)` | Purple | white, 9.1 to 1 |
| 3 | `#5343cd` | `oklch(48.82% 0.2026 281.03)` | Royal Nightcore | white, 6.8 to 1 |
| 4 | `#7048db` | `oklch(53.15% 0.2122 289.49)` | Aconite Purple | white, 5.7 to 1 |
| 5 | `#bd97e4` | `oklch(74.02% 0.1157 306.39)` | Bright Lavender | black, 8.7 to 1 |
| 6 | `#ea8f9d` | `oklch(74.80% 0.1116 9.80)` | Peony | black, 8.9 to 1 |

## CSS

```css
background: conic-gradient(from 240deg, #771906 0.000% 16.667%, #7f1080 16.667% 33.333%, #5343cd 33.333% 50.000%, #7048db 50.000% 66.667%, #bd97e4 66.667% 83.333%, #ea8f9d 83.333% 100.000%);
background: conic-gradient(from 240deg, oklch(37.40% 0.1309 33.05) 0.000% 16.667%, oklch(42.52% 0.1846 327.53) 16.667% 33.333%, oklch(48.82% 0.2026 281.03) 33.333% 50.000%, oklch(53.15% 0.2122 289.49) 50.000% 66.667%, oklch(74.02% 0.1157 306.39) 66.667% 83.333%, oklch(74.80% 0.1116 9.80) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.374 | 0.131 | 33 |
| 2 | 0.425 | 0.185 | -32.5 |
| 3 | 0.488 | 0.203 | -79 |
| 4 | 0.531 | 0.212 | -70.5 |
| 5 | 0.74 | 0.116 | -53.6 |
| 6 | 0.748 | 0.112 | 9.8 |

## In these collections

- [Sunset swatches](https://grabient.com/sunset-swatches)

## Other forms

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