# Burgundy and orange color palette

The Burgundy and orange color palette brings together red, orange, and pale orange. 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 pale orange.

- Also called: Analogous brown to peach linear gradient
- Seed: `kSZlAbVD3AvOZwO`
- Page: https://grabient.com/kSZlAbVD3AvOZwO?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark to light, vivid, warm
- 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 | `#782d15` | `oklch(40.16% 0.1102 37.97)` | Drip Coffee | white, 9.6 to 1 |
| 2 | `#7b2f16` | `oklch(41.10% 0.1127 38.19)` | Reddish Brown | white, 9.2 to 1 |
| 3 | `#803116` | `oklch(42.25% 0.1161 38.46)` | Warmth of Teamwork | white, 8.8 to 1 |
| 4 | `#863417` | `oklch(43.57% 0.1204 38.76)` | Rogan Josh | white, 8.3 to 1 |
| 5 | `#8d3617` | `oklch(45.05% 0.1252 39.10)` | Rogan Josh | white, 7.8 to 1 |
| 6 | `#943917` | `oklch(46.66% 0.1305 39.47)` | Citrine Brown | white, 7.3 to 1 |
| 7 | `#9c3c17` | `oklch(48.38% 0.1361 39.87)` | Muddy | white, 6.8 to 1 |
| 8 | `#a44017` | `oklch(50.19% 0.1418 40.28)` | Rust | white, 6.3 to 1 |
| 9 | `#ac4417` | `oklch(52.07% 0.1475 40.72)` | Donkey Kong | white, 5.8 to 1 |
| 10 | `#b44817` | `oklch(54.00% 0.1528 41.18)` | Beef Bourguignon | white, 5.4 to 1 |
| 11 | `#bd4c17` | `oklch(55.95% 0.1578 41.65)` | Brick Orange | white, 4.9 to 1 |
| 12 | `#c55119` | `oklch(57.91% 0.1621 42.12)` | Dark Orange | white, 4.6 to 1 |
| 13 | `#cd561b` | `oklch(59.84% 0.1657 42.61)` | Hot Bolognese | black, 4.9 to 1 |
| 14 | `#d55b1e` | `oklch(61.73% 0.1683 43.10)` | Tomato Bisque | black, 5.3 to 1 |
| 15 | `#db6022` | `oklch(63.56% 0.1698 43.59)` | Vivid Red Tangelo | black, 5.7 to 1 |
| 16 | `#e16627` | `oklch(65.31% 0.1699 44.07)` | Harvest Haze | black, 6.1 to 1 |
| 17 | `#e66c2e` | `oklch(66.97% 0.1686 44.55)` | Lava Pit | black, 6.5 to 1 |
| 18 | `#eb7336` | `oklch(68.69% 0.1657 45.08)` | Lava Lamp | black, 7 to 1 |
| 19 | `#ef7a3e` | `oklch(70.48% 0.1614 45.65)` | Orange Crush | black, 7.5 to 1 |
| 20 | `#f38248` | `oklch(72.31% 0.1559 46.24)` | Mustard Crusted Salmon | black, 8.1 to 1 |
| 21 | `#f68b52` | `oklch(74.17% 0.1493 46.86)` | Barbarian | black, 8.7 to 1 |
| 22 | `#f9935d` | `oklch(76.04% 0.1420 47.50)` | Brown Sand | black, 9.3 to 1 |
| 23 | `#fc9b67` | `oklch(77.89% 0.1340 48.14)` | Fresh Cantaloupe | black, 10 to 1 |
| 24 | `#fea372` | `oklch(79.72% 0.1257 48.77)` | Day at the Zoo | black, 10.7 to 1 |
| 25 | `#ffac7e` | `oklch(81.49% 0.1152 49.40)` | Larch Bolete | black, 11.4 to 1 |
| 26 | `#ffb48b` | `oklch(83.20% 0.1035 50.01)` | Coral Dusk | black, 12.1 to 1 |
| 27 | `#ffbc96` | `oklch(84.82% 0.0927 50.59)` | Peach Encounter | black, 12.8 to 1 |
| 28 | `#ffc3a1` | `oklch(86.33% 0.0828 51.13)` | Coral Gable | black, 13.5 to 1 |
| 29 | `#ffcaab` | `oklch(87.72% 0.0739 51.63)` | Peachy Pico | black, 14.2 to 1 |
| 30 | `#ffcfb3` | `oklch(88.97% 0.0660 52.08)` | Apricot Lily | black, 14.8 to 1 |
| 31 | `#ffd4bb` | `oklch(90.05% 0.0592 52.46)` | Mom’s Love | black, 15.3 to 1 |
| 32 | `#ffd8c1` | `oklch(90.94% 0.0537 52.77)` | Friendship | black, 15.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #782d15 0.0%, #7b2f16 3.2%, #803116 6.5%, #863417 9.7%, #8d3617 12.9%, #943917 16.1%, #9c3c17 19.4%, #a44017 22.6%, #ac4417 25.8%, #b44817 29.0%, #bd4c17 32.3%, #c55119 35.5%, #cd561b 38.7%, #d55b1e 41.9%, #db6022 45.2%, #e16627 48.4%, #e66c2e 51.6%, #eb7336 54.8%, #ef7a3e 58.1%, #f38248 61.3%, #f68b52 64.5%, #f9935d 67.7%, #fc9b67 71.0%, #fea372 74.2%, #ffac7e 77.4%, #ffb48b 80.6%, #ffbc96 83.9%, #ffc3a1 87.1%, #ffcaab 90.3%, #ffcfb3 93.5%, #ffd4bb 96.8%, #ffd8c1 100.0%);
background: linear-gradient(135deg in oklch, oklch(40.16% 0.1102 37.97) 0.0%, oklch(41.10% 0.1127 38.19) 3.2%, oklch(42.25% 0.1161 38.46) 6.5%, oklch(43.57% 0.1204 38.76) 9.7%, oklch(45.05% 0.1252 39.10) 12.9%, oklch(46.66% 0.1305 39.47) 16.1%, oklch(48.38% 0.1361 39.87) 19.4%, oklch(50.19% 0.1418 40.28) 22.6%, oklch(52.07% 0.1475 40.72) 25.8%, oklch(54.00% 0.1528 41.18) 29.0%, oklch(55.95% 0.1578 41.65) 32.3%, oklch(57.91% 0.1621 42.12) 35.5%, oklch(59.84% 0.1657 42.61) 38.7%, oklch(61.73% 0.1683 43.10) 41.9%, oklch(63.56% 0.1698 43.59) 45.2%, oklch(65.31% 0.1699 44.07) 48.4%, oklch(66.97% 0.1686 44.55) 51.6%, oklch(68.69% 0.1657 45.08) 54.8%, oklch(70.48% 0.1614 45.65) 58.1%, oklch(72.31% 0.1559 46.24) 61.3%, oklch(74.17% 0.1493 46.86) 64.5%, oklch(76.04% 0.1420 47.50) 67.7%, oklch(77.89% 0.1340 48.14) 71.0%, oklch(79.72% 0.1257 48.77) 74.2%, oklch(81.49% 0.1152 49.40) 77.4%, oklch(83.20% 0.1035 50.01) 80.6%, oklch(84.82% 0.0927 50.59) 83.9%, oklch(86.33% 0.0828 51.13) 87.1%, oklch(87.72% 0.0739 51.63) 90.3%, oklch(88.97% 0.0660 52.08) 93.5%, oklch(90.05% 0.0592 52.46) 96.8%, oklch(90.94% 0.0537 52.77) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.11 | 38 |
| 2 | 0.661 | 0.169 | 44.3 |
| 3 | 0.909 | 0.07 | 52.8 |

## In these collections

- [Fire gradients](https://grabient.com/fire-gradients)
- [Persimmon gradients](https://grabient.com/persimmon-gradients)

## Other forms

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