# Copper Orange Deep Wine Fan

These four angular wedges move from copper orange through pale cream, plum, and finish in deep wine. Use the rich jewel colors and pale accents for fashion graphics, dramatic invitations, luxury packaging, or title panels. The contrasting tones provide distinct options for a background, headline, fine border, and small accent.

- Also called: Tritone orange, beige and purple angular swatches
- Seed: `kUk3Ebc5HFbewM6pKEGA`
- Page: https://grabient.com/kUk3Ebc5HFbewM6pKEGA?style=angularSwatches&steps=4&angle=315
- Drawn as: angular swatches, 4 steps, 315 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 10.1 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 | `#c4512c` | `oklch(57.87% 0.1557 37.97)` | Raucous Orange | white, 4.6 to 1 |
| 2 | `#f0dfbd` | `oklch(90.94% 0.0482 84.47)` | Dutch White | black, 16 to 1 |
| 3 | `#7f2d67` | `oklch(43.70% 0.1323 340.90)` | Grape Juice | white, 8.4 to 1 |
| 4 | `#5b1237` | `oklch(32.28% 0.1102 354.64)` | Mulberry Wood | white, 13.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #c4512c 0.000% 25.000%, #f0dfbd 25.000% 50.000%, #7f2d67 50.000% 75.000%, #5b1237 75.000% 100.000%);
background: conic-gradient(from 315deg, oklch(57.87% 0.1557 37.97) 0.000% 25.000%, oklch(90.94% 0.0482 84.47) 25.000% 50.000%, oklch(43.70% 0.1323 340.90) 50.000% 75.000%, oklch(32.28% 0.1102 354.64) 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.156 | 38 |
| 2 | 0.909 | 0.048 | 84.5 |
| 3 | 0.437 | 0.132 | -19.1 |
| 4 | 0.323 | 0.11 | -5.4 |

## In these collections

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

## Other forms

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