# Bronze and indigo orange and purple palette

The Bronze and indigo orange and purple palette brings together orange, light orange, light purple, and purple. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is light orange.

- Also called: Brown, orange, pink and purple linear gradient
- Seed: `kaclobxrZANe5wLlIEA35i0sgvvg4M78A`
- Page: https://grabient.com/kaclobxrZANe5wLlIEA35i0sgvvg4M78A?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#8c3618` | `oklch(44.88% 0.1240 38.67)` | Rogan Josh | white, 7.9 to 1 |
| 2 | `#913919` | `oklch(46.23% 0.1275 38.88)` | Citrine Brown | white, 7.4 to 1 |
| 3 | `#993d1b` | `oklch(48.10% 0.1325 39.14)` | Hot Brown | white, 6.9 to 1 |
| 4 | `#a3411d` | `oklch(50.32% 0.1382 39.49)` | Rust | white, 6.3 to 1 |
| 5 | `#ad471f` | `oklch(52.72% 0.1438 39.98)` | Rusted Lock | white, 5.6 to 1 |
| 6 | `#b74d22` | `oklch(55.12% 0.1482 40.65)` | Gold Flame | white, 5.1 to 1 |
| 7 | `#c05324` | `oklch(57.54% 0.1521 41.61)` | Titian Red | white, 4.6 to 1 |
| 8 | `#cb5a26` | `oklch(60.17% 0.1566 42.89)` | Bright Delight | black, 5 to 1 |
| 9 | `#d56228` | `oklch(62.89% 0.1604 44.31)` | Tangerine Bliss | black, 5.6 to 1 |
| 10 | `#de6b2c` | `oklch(65.57% 0.1620 45.69)` | Harvest Haze | black, 6.2 to 1 |
| 11 | `#e67434` | `oklch(68.11% 0.1601 46.83)` | Camel Red | black, 6.9 to 1 |
| 12 | `#eb7f40` | `oklch(70.51% 0.1529 48.31)` | Mustard Crusted Salmon | black, 7.6 to 1 |
| 13 | `#ec8c4e` | `oklch(73.06% 0.1400 51.55)` | Toasted Husk | black, 8.4 to 1 |
| 14 | `#ec995f` | `oklch(75.51% 0.1238 54.74)` | Topaz Yellow | black, 9.2 to 1 |
| 15 | `#eba471` | `oklch(77.62% 0.1074 55.86)` | Prairie Sun | black, 10 to 1 |
| 16 | `#ebaa82` | `oklch(79.10% 0.0934 52.89)` | Orange Liqueur | black, 10.6 to 1 |
| 17 | `#ecac91` | `oklch(79.76% 0.0839 43.54)` | Shishi Pink | black, 10.8 to 1 |
| 18 | `#eaaba3` | `oklch(79.79% 0.0760 26.36)` | Soft Salmon | black, 10.8 to 1 |
| 19 | `#e3a9b5` | `oklch(79.25% 0.0699 4.70)` | Love at First Sight | black, 10.6 to 1 |
| 20 | `#d7a8c4` | `oklch(78.17% 0.0662 342.37)` | Lofty Delight | black, 10.2 to 1 |
| 21 | `#c8a5cb` | `oklch(76.56% 0.0657 323.23)` | Tea Towel | black, 9.7 to 1 |
| 22 | `#baa0cd` | `oklch(74.39% 0.0693 310.86)` | Lucius Lilac | black, 9 to 1 |
| 23 | `#ad96cb` | `oklch(71.28% 0.0792 304.20)` | Biloba Flower | black, 8 to 1 |
| 24 | `#a089c7` | `oklch(67.47% 0.0934 301.12)` | Petrified Purple | black, 6.9 to 1 |
| 25 | `#957ac2` | `oklch(63.40% 0.1089 300.06)` | Lavender Purple | black, 5.8 to 1 |
| 26 | `#8a6cbd` | `oklch(59.50% 0.1227 299.49)` | Lavish Spending | black, 4.9 to 1 |
| 27 | `#7f61b8` | `oklch(56.19% 0.1321 297.91)` | Ultra Violet | white, 4.8 to 1 |
| 28 | `#7458b2` | `oklch(53.20% 0.1372 295.89)` | Simply Purple | white, 5.5 to 1 |
| 29 | `#6a50ab` | `oklch(50.35% 0.1398 294.20)` | Ultrapurple Merge | white, 6.2 to 1 |
| 30 | `#6249a4` | `oklch(47.78% 0.1409 292.82)` | Ultrapurple Merge | white, 6.9 to 1 |
| 31 | `#5b439e` | `oklch(45.65% 0.1413 291.72)` | Daisy Bush | white, 7.6 to 1 |
| 32 | `#553f9a` | `oklch(44.09% 0.1419 290.88)` | Ruthless Empress | white, 8.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #8c3618 0.0%, #913919 3.2%, #993d1b 6.5%, #a3411d 9.7%, #ad471f 12.9%, #b74d22 16.1%, #c05324 19.4%, #cb5a26 22.6%, #d56228 25.8%, #de6b2c 29.0%, #e67434 32.3%, #eb7f40 35.5%, #ec8c4e 38.7%, #ec995f 41.9%, #eba471 45.2%, #ebaa82 48.4%, #ecac91 51.6%, #eaaba3 54.8%, #e3a9b5 58.1%, #d7a8c4 61.3%, #c8a5cb 64.5%, #baa0cd 67.7%, #ad96cb 71.0%, #a089c7 74.2%, #957ac2 77.4%, #8a6cbd 80.6%, #7f61b8 83.9%, #7458b2 87.1%, #6a50ab 90.3%, #6249a4 93.5%, #5b439e 96.8%, #553f9a 100.0%);
background: linear-gradient(180deg in oklch, oklch(44.88% 0.1240 38.67) 0.0%, oklch(46.23% 0.1275 38.88) 3.2%, oklch(48.10% 0.1325 39.14) 6.5%, oklch(50.32% 0.1382 39.49) 9.7%, oklch(52.72% 0.1438 39.98) 12.9%, oklch(55.12% 0.1482 40.65) 16.1%, oklch(57.54% 0.1521 41.61) 19.4%, oklch(60.17% 0.1566 42.89) 22.6%, oklch(62.89% 0.1604 44.31) 25.8%, oklch(65.57% 0.1620 45.69) 29.0%, oklch(68.11% 0.1601 46.83) 32.3%, oklch(70.51% 0.1529 48.31) 35.5%, oklch(73.06% 0.1400 51.55) 38.7%, oklch(75.51% 0.1238 54.74) 41.9%, oklch(77.62% 0.1074 55.86) 45.2%, oklch(79.10% 0.0934 52.89) 48.4%, oklch(79.76% 0.0839 43.54) 51.6%, oklch(79.79% 0.0760 26.36) 54.8%, oklch(79.25% 0.0699 4.70) 58.1%, oklch(78.17% 0.0662 342.37) 61.3%, oklch(76.56% 0.0657 323.23) 64.5%, oklch(74.39% 0.0693 310.86) 67.7%, oklch(71.28% 0.0792 304.20) 71.0%, oklch(67.47% 0.0934 301.12) 74.2%, oklch(63.40% 0.1089 300.06) 77.4%, oklch(59.50% 0.1227 299.49) 80.6%, oklch(56.19% 0.1321 297.91) 83.9%, oklch(53.20% 0.1372 295.89) 87.1%, oklch(50.35% 0.1398 294.20) 90.3%, oklch(47.78% 0.1409 292.82) 93.5%, oklch(45.65% 0.1413 291.72) 96.8%, oklch(44.09% 0.1419 290.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.449 | 0.124 | 38.7 |
| 2 | 0.555 | 0.149 | 40.8 |
| 3 | 0.689 | 0.158 | 47.1 |
| 4 | 0.795 | 0.088 | 49.2 |
| 5 | 0.752 | 0.068 | -45.9 |
| 6 | 0.567 | 0.131 | -61.7 |
| 7 | 0.441 | 0.142 | -69.1 |

## In these collections

- [Orange and purple gradients](https://grabient.com/orange-and-purple-gradients)

## Other forms

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