# Violet, blush and bronze color palette

The Violet, blush and bronze color palette brings together purple, pale blue, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is gold, and its lightest tone is pale blue.

- Also called: Purple, lavender, yellow and brown angular swatches
- Seed: `kUk4rUcRY_uM90wrJL9A`
- Page: https://grabient.com/kUk4rUcRY_uM90wrJL9A?style=angularSwatches&steps=4&angle=225
- Drawn as: angular swatches, 4 steps, 225 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.3 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 | `#8a58d9` | `oklch(57.87% 0.1902 298.13)` | Gloomy Purple | white, 4.6 to 1 |
| 2 | `#ded3ff` | `oklch(88.98% 0.0605 296.01)` | Pale Lavender | black, 14.8 to 1 |
| 3 | `#d3b700` | `oklch(77.95% 0.1610 97.69)` | Lionhead | black, 10.5 to 1 |
| 4 | `#443600` | `oklch(33.86% 0.0693 92.34)` | Night in the Woods | white, 11.8 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #8a58d9 0.000% 25.000%, #ded3ff 25.000% 50.000%, #d3b700 50.000% 75.000%, #443600 75.000% 100.000%);
background: conic-gradient(from 225deg, oklch(57.87% 0.1902 298.13) 0.000% 25.000%, oklch(88.98% 0.0605 296.01) 25.000% 50.000%, oklch(77.95% 0.1610 97.69) 50.000% 75.000%, oklch(33.86% 0.0693 92.34) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.19 | 298.1 |
| 2 | 0.89 | 0.061 | 296 |
| 3 | 0.78 | 0.169 | 457.7 |
| 4 | 0.339 | 0.101 | 452.4 |

## In these collections

- [Complementary swatches](https://grabient.com/complementary-swatches)
- [Purple and yellow swatches](https://grabient.com/purple-and-yellow-swatches)

## Other forms

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