# Burgundy, ochre and periwinkle multicolor palette

The Burgundy, ochre and periwinkle multicolor palette brings together red, orange, gold, light green, and light blue. 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 red, and its lightest tone is light green.

- Also called: Maroon, orange, tan and light blue linear gradient
- Seed: `kaVmgUOr3Acs5wbZs0K46vCGgLRDnm9HA`
- Page: https://grabient.com/kaVmgUOr3Acs5wbZs0K46vCGgLRDnm9HA?angle=270
- Drawn as: linear gradient, 7 steps, 270 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.2 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 | `#6e0003` | `oklch(33.88% 0.1386 28.19)` | Hellbound | white, 12.5 to 1 |
| 2 | `#a11e04` | `oklch(46.06% 0.1695 32.35)` | Burnt Red | white, 7.7 to 1 |
| 3 | `#c6580d` | `oklch(59.06% 0.1585 47.15)` | Rust Orange | black, 4.8 to 1 |
| 4 | `#d68e26` | `oklch(70.47% 0.1406 70.40)` | Turmeric Tea | black, 7.7 to 1 |
| 5 | `#d8b456` | `oklch(78.35% 0.1199 88.36)` | Strike It Rich | black, 10.5 to 1 |
| 6 | `#bfc7b2` | `oklch(81.89% 0.0303 124.29)` | Clay Ash | black, 12 to 1 |
| 7 | `#b4bff4` | `oklch(81.50% 0.0758 275.40)` | Larkspur Bud | black, 11.7 to 1 |

## CSS

```css
background: linear-gradient(270deg, #6e0003 0.0%, #a11e04 16.7%, #c6580d 33.3%, #d68e26 50.0%, #d8b456 66.7%, #bfc7b2 83.3%, #b4bff4 100.0%);
background: linear-gradient(270deg in oklch, oklch(33.88% 0.1386 28.19) 0.0%, oklch(46.06% 0.1695 32.35) 16.7%, oklch(59.06% 0.1585 47.15) 33.3%, oklch(70.47% 0.1406 70.40) 50.0%, oklch(78.35% 0.1199 88.36) 66.7%, oklch(81.89% 0.0303 124.29) 83.3%, oklch(81.50% 0.0758 275.40) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.143 | 28.1 |
| 2 | 0.461 | 0.169 | 32.4 |
| 3 | 0.591 | 0.158 | 47.1 |
| 4 | 0.705 | 0.141 | 70.4 |
| 5 | 0.783 | 0.12 | 88.4 |
| 6 | 0.819 | 0.03 | 124.3 |
| 7 | 0.815 | 0.076 | 275.4 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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