# Near-black, burgundy and bronze color palette

The Near-black, burgundy and bronze color palette brings together dark magenta, red, and orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits website sections and interface mockups. Its darkest tone is dark magenta, and its lightest tone is orange.

- Also called: Black, maroon, brown and orange angular swatches
- Seed: `kWJizyHqvBqzBwu9PcKUrNCo`
- Page: https://grabient.com/kWJizyHqvBqzBwu9PcKUrNCo?style=angularSwatches&steps=5&angle=335
- Drawn as: angular swatches, 5 steps, 335 degrees
- Kinds: dark to light, vivid, dark, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#1a0113` | `oklch(14.96% 0.0606 340.31)` | Crow | white, 19.8 to 1 |
| 2 | `#3f0021` | `oklch(24.05% 0.0987 355.20)` | Blaze It Dark Magenta | white, 17 to 1 |
| 3 | `#730018` | `oklch(35.06% 0.1409 20.53)` | Cinnabar | white, 12 to 1 |
| 4 | `#9c3a00` | `oklch(48.03% 0.1433 42.61)` | Muddy | white, 6.9 to 1 |
| 5 | `#c87b11` | `oklch(64.96% 0.1406 65.91)` | German Mustard | black, 6.2 to 1 |

## CSS

```css
background: conic-gradient(from 335deg, #1a0113 0.000% 20.000%, #3f0021 20.000% 40.000%, #730018 40.000% 60.000%, #9c3a00 60.000% 80.000%, #c87b11 80.000% 100.000%);
background: conic-gradient(from 335deg, oklch(14.96% 0.0606 340.31) 0.000% 20.000%, oklch(24.05% 0.0987 355.20) 20.000% 40.000%, oklch(35.06% 0.1409 20.53) 40.000% 60.000%, oklch(48.03% 0.1433 42.61) 60.000% 80.000%, oklch(64.96% 0.1406 65.91) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.15 | 0.061 | 340.3 |
| 2 | 0.24 | 0.12 | 355.1 |
| 3 | 0.35 | 0.181 | 380.5 |
| 4 | 0.48 | 0.169 | 402.7 |
| 5 | 0.65 | 0.141 | 425.9 |

## In these collections

- [Dark swatches](https://grabient.com/dark-swatches)

## Other forms

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