# Burgundy and orange color palette The Burgundy and orange color palette brings together dark red, red, orange, and light orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is light orange. - Also called: Analogous brown and peach linear gradient - Seed: `kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g` - Page: https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g?steps=32&angle=135 - Drawn as: linear gradient, 32 steps, 135 degrees - Kinds: light center, vivid, warm - Hues: analogous - Contrast of its darkest and lightest colors: 10.7 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 | `#3a1712` | `oklch(25.59% 0.0565 30.23)` | Dark Sienna | white, 16 to 1 | | 2 | `#411a13` | `oklch(27.44% 0.0637 30.62)` | Old Study | white, 15.1 to 1 | | 3 | `#4c1d15` | `oklch(30.01% 0.0740 31.13)` | Chocolate Rush | white, 14 to 1 | | 4 | `#5a2117` | `oklch(33.05% 0.0859 31.76)` | Red Oxide | white, 12.6 to 1 | | 5 | `#68261a` | `oklch(36.34% 0.0980 32.48)` | Brown Moelleux | white, 11.1 to 1 | | 6 | `#762b1c` | `oklch(39.63% 0.1087 33.27)` | Hihada Brown | white, 9.8 to 1 | | 7 | `#84311f` | `oklch(42.89% 0.1182 34.02)` | Chestnut Plum | white, 8.6 to 1 | | 8 | `#933822` | `oklch(46.35% 0.1280 34.69)` | Red Prairie | white, 7.4 to 1 | | 9 | `#a23f25` | `oklch(49.94% 0.1372 35.47)` | Edocha | white, 6.4 to 1 | | 10 | `#b14729` | `oklch(53.56% 0.1447 36.52)` | Kabacha Brown | white, 5.5 to 1 | | 11 | `#bf512e` | `oklch(57.11% 0.1494 38.05)` | Beef Patties | white, 4.7 to 1 | | 12 | `#ca5d33` | `oklch(60.58% 0.1504 40.25)` | Ecstasy | black, 5.1 to 1 | | 13 | `#d46a3a` | `oklch(64.11% 0.1481 43.21)` | Fresh Acorn | black, 5.9 to 1 | | 14 | `#dd7843` | `oklch(67.61% 0.1433 46.57)` | Orange Shot | black, 6.8 to 1 | | 15 | `#e4864d` | `oklch(70.99% 0.1370 50.01)` | Orange Poppy | black, 7.8 to 1 | | 16 | `#eb9358` | `oklch(74.14% 0.1301 53.17)` | Bronze Cup | black, 8.8 to 1 | | 17 | `#f09f63` | `oklch(77.08% 0.1229 55.88)` | Monarch Orange | black, 9.8 to 1 | | 18 | `#f5ad73` | `oklch(80.32% 0.1125 58.78)` | Charming Peach | black, 11 to 1 | | 19 | `#f9ba84` | `oklch(83.47% 0.1008 61.59)` | Baltic Amber | black, 12.3 to 1 | | 20 | `#fbc593` | `oklch(86.00% 0.0903 63.84)` | Tuscan Wall | black, 13.5 to 1 | | 21 | `#fccb9b` | `oklch(87.38% 0.0837 65.07)` | Apricot Sherbet | black, 14.1 to 1 | | 22 | `#fcca9b` | `oklch(87.09% 0.0836 64.82)` | Peachy Breezes | black, 14 to 1 | | 23 | `#f9c18f` | `oklch(84.99% 0.0915 62.81)` | Melon Melody | black, 13 to 1 | | 24 | `#f5b27c` | `oklch(81.56% 0.1046 59.57)` | Smoked Ham | black, 11.5 to 1 | | 25 | `#efa067` | `oklch(77.34% 0.1192 55.72)` | Monarch Orange | black, 9.9 to 1 | | 26 | `#e88e54` | `oklch(72.85% 0.1317 51.92)` | Big Foot Feet | black, 8.3 to 1 | | 27 | `#dd7d46` | `oklch(68.60% 0.1384 48.79)` | Jaffa | black, 7.1 to 1 | | 28 | `#cf6d3b` | `oklch(63.86% 0.1393 45.93)` | Hot Caramel | black, 5.8 to 1 | | 29 | `#bd5c31` | `oklch(58.57% 0.1367 43.07)` | Smoke Tree | black, 4.7 to 1 | | 30 | `#aa4d29` | `oklch(53.35% 0.1324 40.42)` | Rose of Sharon | white, 5.5 to 1 | | 31 | `#9a4023` | `oklch(48.84% 0.1280 38.18)` | Fluorescent Fire | white, 6.6 to 1 | | 32 | `#8f371e` | `oklch(45.67% 0.1254 36.57)` | Red Prairie | white, 7.6 to 1 | ## CSS ```css background: linear-gradient(135deg, #3a1712 0.0%, #411a13 3.2%, #4c1d15 6.5%, #5a2117 9.7%, #68261a 12.9%, #762b1c 16.1%, #84311f 19.4%, #933822 22.6%, #a23f25 25.8%, #b14729 29.0%, #bf512e 32.3%, #ca5d33 35.5%, #d46a3a 38.7%, #dd7843 41.9%, #e4864d 45.2%, #eb9358 48.4%, #f09f63 51.6%, #f5ad73 54.8%, #f9ba84 58.1%, #fbc593 61.3%, #fccb9b 64.5%, #fcca9b 67.7%, #f9c18f 71.0%, #f5b27c 74.2%, #efa067 77.4%, #e88e54 80.6%, #dd7d46 83.9%, #cf6d3b 87.1%, #bd5c31 90.3%, #aa4d29 93.5%, #9a4023 96.8%, #8f371e 100.0%); background: linear-gradient(135deg in oklch, oklch(25.59% 0.0565 30.23) 0.0%, oklch(27.44% 0.0637 30.62) 3.2%, oklch(30.01% 0.0740 31.13) 6.5%, oklch(33.05% 0.0859 31.76) 9.7%, oklch(36.34% 0.0980 32.48) 12.9%, oklch(39.63% 0.1087 33.27) 16.1%, oklch(42.89% 0.1182 34.02) 19.4%, oklch(46.35% 0.1280 34.69) 22.6%, oklch(49.94% 0.1372 35.47) 25.8%, oklch(53.56% 0.1447 36.52) 29.0%, oklch(57.11% 0.1494 38.05) 32.3%, oklch(60.58% 0.1504 40.25) 35.5%, oklch(64.11% 0.1481 43.21) 38.7%, oklch(67.61% 0.1433 46.57) 41.9%, oklch(70.99% 0.1370 50.01) 45.2%, oklch(74.14% 0.1301 53.17) 48.4%, oklch(77.08% 0.1229 55.88) 51.6%, oklch(80.32% 0.1125 58.78) 54.8%, oklch(83.47% 0.1008 61.59) 58.1%, oklch(86.00% 0.0903 63.84) 61.3%, oklch(87.38% 0.0837 65.07) 64.5%, oklch(87.09% 0.0836 64.82) 67.7%, oklch(84.99% 0.0915 62.81) 71.0%, oklch(81.56% 0.1046 59.57) 74.2%, oklch(77.34% 0.1192 55.72) 77.4%, oklch(72.85% 0.1317 51.92) 80.6%, oklch(68.60% 0.1384 48.79) 83.9%, oklch(63.86% 0.1393 45.93) 87.1%, oklch(58.57% 0.1367 43.07) 90.3%, oklch(53.35% 0.1324 40.42) 93.5%, oklch(48.84% 0.1280 38.18) 96.8%, oklch(45.67% 0.1254 36.57) 100.0%); ``` ## Keyframes 7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.256 | 0.056 | 30.2 | | 2 | 0.402 | 0.11 | 33.4 | | 3 | 0.583 | 0.15 | 38.7 | | 4 | 0.756 | 0.127 | 54.5 | | 5 | 0.874 | 0.083 | 65.1 | | 6 | 0.693 | 0.138 | 49.3 | | 7 | 0.457 | 0.125 | 36.6 | ## In these collections - [Copper](https://grabient.com/copper) - [Metallic gradients](https://grabient.com/metallic-gradients) ## Other forms - [JSON](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.json?steps=32&angle=135) - [PNG](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.png?steps=32&angle=135) - [SVG](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.svg?steps=32&angle=135) - [CSS](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.css?steps=32&angle=135) - [ASE](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.ase?steps=32&angle=135) - [GPL](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.gpl?steps=32&angle=135) - [GRD](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.grd?steps=32&angle=135) - [Design tokens](https://grabient.com/kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g.tokens.json?steps=32&angle=135) - [Social card](https://grabient.com/api/og?seed=kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g&steps=32&angle=135) - [Palettes like this one](https://grabient.com/palettes?q=kaQSkVsyhAUo2wJgLkHbx5BNgyPg6Lb5g) - [Guide for agents](https://grabient.com/llms.txt)