# Orange, violet and pale blush bright palette

The Orange, violet and pale blush bright palette brings together orange, gold, purple, magenta, and off-white. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is off-white.

- Also called: Orange, yellow, purple and white angular swatches
- Seed: `kWvGkw7TnCsVErhOSER-gfB4`
- Page: https://grabient.com/kWvGkw7TnCsVErhOSER-gfB4?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: dark center, vivid, warm, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.8 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 | `#e69732` | `oklch(74.02% 0.1447 68.20)` | Persimmon | black, 8.8 to 1 |
| 2 | `#f6cc3c` | `oklch(85.83% 0.1585 91.45)` | Marigold Dust | black, 13.6 to 1 |
| 3 | `#834cca` | `oklch(54.33% 0.1888 300.34)` | Fuchsia Blue | white, 5.4 to 1 |
| 4 | `#cb48ac` | `oklch(61.42% 0.1984 338.38)` | Krameria | black, 5 to 1 |
| 5 | `#feedf2` | `oklch(96.06% 0.0207 355.29)` | Sugar Coated | black, 18.5 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #e69732 0.000% 20.000%, #f6cc3c 20.000% 40.000%, #834cca 40.000% 60.000%, #cb48ac 60.000% 80.000%, #feedf2 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(74.02% 0.1447 68.20) 0.000% 20.000%, oklch(85.83% 0.1585 91.45) 20.000% 40.000%, oklch(54.33% 0.1888 300.34) 40.000% 60.000%, oklch(61.42% 0.1984 338.38) 60.000% 80.000%, oklch(96.06% 0.0207 355.29) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.145 | 68.2 |
| 2 | 0.858 | 0.158 | 91.5 |
| 3 | 0.543 | 0.189 | -59.7 |
| 4 | 0.614 | 0.198 | -21.6 |
| 5 | 0.961 | 0.021 | -4.7 |

## In these collections

- [Bright swatches](https://grabient.com/bright-swatches)

## Other forms

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