# Oxblood champagne and antique gold fan

Twelve angular swatches move from near-black aubergine through oxblood, burgundy, copper brown, antique gold, champagne, and warm ivory. The stepped fan combines deep velvet-like shadows with a pale metallic-inspired finish. This palette suits formal invitations, elegant packaging, evening event graphics, and editorial layouts that need warm highlights against rich red and plum tones.

- Also called: Analogous black, maroon and beige angular swatches
- Seed: `kUNxL9sKTB90kSJ1DD9g`
- Page: https://grabient.com/kUNxL9sKTB90kSJ1DD9g?style=angularSwatches&steps=12&angle=30
- Drawn as: angular swatches, 12 steps, 30 degrees
- Kinds: dark to light, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 13.9 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 | `#23151a` | `oklch(21.65% 0.0248 356.48)` | Bats Cloak | white, 17.5 to 1 |
| 2 | `#301720` | `oklch(24.47% 0.0421 358.36)` | Black Cherry | white, 16.4 to 1 |
| 3 | `#441a28` | `oklch(28.49% 0.0671 0.97)` | Blackberry | white, 14.7 to 1 |
| 4 | `#5c1f30` | `oklch(33.83% 0.0905 6.68)` | Drops of God | white, 12.3 to 1 |
| 5 | `#782e34` | `oklch(40.74% 0.1036 18.21)` | Syrah | white, 9.4 to 1 |
| 6 | `#974b32` | `oklch(50.25% 0.1085 39.03)` | Spicy Hue | white, 6.2 to 1 |
| 7 | `#b07337` | `oklch(60.90% 0.1077 63.12)` | Enchanting Ginger | black, 5.3 to 1 |
| 8 | `#c09a51` | `oklch(70.58% 0.1021 82.37)` | Fallow | black, 7.9 to 1 |
| 9 | `#cdb572` | `oklch(77.90% 0.0902 90.18)` | Autumn Wandering | black, 10.4 to 1 |
| 10 | `#dcc996` | `oklch(83.97% 0.0698 89.36)` | Pale Moss | black, 12.8 to 1 |
| 11 | `#e9d8b7` | `oklch(88.77% 0.0481 85.02)` | At the Beach | black, 14.9 to 1 |
| 12 | `#f0e3cd` | `oklch(92.13% 0.0331 82.08)` | Diamond Ice | black, 16.6 to 1 |

## CSS

```css
background: conic-gradient(from 30deg, #23151a 0.000% 8.333%, #301720 8.333% 16.667%, #441a28 16.667% 25.000%, #5c1f30 25.000% 33.333%, #782e34 33.333% 41.667%, #974b32 41.667% 50.000%, #b07337 50.000% 58.333%, #c09a51 58.333% 66.667%, #cdb572 66.667% 75.000%, #dcc996 75.000% 83.333%, #e9d8b7 83.333% 91.667%, #f0e3cd 91.667% 100.000%);
background: conic-gradient(from 30deg, oklch(21.65% 0.0248 356.48) 0.000% 8.333%, oklch(24.47% 0.0421 358.36) 8.333% 16.667%, oklch(28.49% 0.0671 0.97) 16.667% 25.000%, oklch(33.83% 0.0905 6.68) 25.000% 33.333%, oklch(40.74% 0.1036 18.21) 33.333% 41.667%, oklch(50.25% 0.1085 39.03) 41.667% 50.000%, oklch(60.90% 0.1077 63.12) 50.000% 58.333%, oklch(70.58% 0.1021 82.37) 58.333% 66.667%, oklch(77.90% 0.0902 90.18) 66.667% 75.000%, oklch(83.97% 0.0698 89.36) 75.000% 83.333%, oklch(88.77% 0.0481 85.02) 83.333% 91.667%, oklch(92.13% 0.0331 82.08) 91.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.217 | 0.025 | 356.5 |
| 2 | 0.382 | 0.101 | 373.4 |
| 3 | 0.732 | 0.099 | 446.3 |
| 4 | 0.921 | 0.033 | 442.1 |

## In these collections

- [Luxury swatches](https://grabient.com/luxury-swatches)

## Other forms

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