# Orange and Purple: Ochre and crimson

The "Orange and Purple: Ochre and crimson" palette brings together gold, orange, red, and purple. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is purple, and its lightest tone is gold.

- Also called: Vivid tritone orange, pink and purple linear gradient
- Seed: `ka1HM45Dy-d1BPhUwr5SLc8T86Om0sr5A`
- Page: https://grabient.com/ka1HM45Dy-d1BPhUwr5SLc8T86Om0sr5A?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: light to dark, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.5 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 | `#ffbb35` | `oklch(83.46% 0.1585 79.45)` | Buddha’s Love Handles | black, 12.4 to 1 |
| 2 | `#ffb833` | `oklch(82.86% 0.1591 77.85)` | Soft Boiled | black, 12.1 to 1 |
| 3 | `#ffb330` | `oklch(82.01% 0.1599 75.62)` | Corona | black, 11.7 to 1 |
| 4 | `#ffae2c` | `oklch(81.02% 0.1612 72.97)` | Ripe Pumpkin | black, 11.3 to 1 |
| 5 | `#ffa828` | `oklch(79.95% 0.1629 70.10)` | Mango | black, 10.9 to 1 |
| 6 | `#ffa225` | `oklch(78.91% 0.1650 67.24)` | Zinnia | black, 10.4 to 1 |
| 7 | `#ff9d23` | `oklch(77.91% 0.1670 64.38)` | Radiant Yellow | black, 10 to 1 |
| 8 | `#ff9722` | `oklch(76.89% 0.1692 61.30)` | Dragon Ball | black, 9.6 to 1 |
| 9 | `#ff9022` | `oklch(75.84% 0.1719 58.12)` | Laddu Orange | black, 9.2 to 1 |
| 10 | `#ff8a21` | `oklch(74.75% 0.1756 54.94)` | Orange Avant-Garde | black, 8.8 to 1 |
| 11 | `#fe8322` | `oklch(73.62% 0.1786 51.89)` | Fluorescent Red Orange | black, 8.4 to 1 |
| 12 | `#fc7d25` | `oklch(72.44% 0.1803 49.17)` | Orange You Happy? | black, 8 to 1 |
| 13 | `#fa7726` | `oklch(71.25% 0.1823 46.93)` | Royal Oranje | black, 7.7 to 1 |
| 14 | `#f87127` | `oklch(70.02% 0.1841 44.79)` | Persimmon Orange | black, 7.3 to 1 |
| 15 | `#f46a2a` | `oklch(68.72% 0.1849 42.34)` | Basketball | black, 6.9 to 1 |
| 16 | `#f06431` | `oklch(67.30% 0.1843 39.17)` | Exuberant Orange | black, 6.5 to 1 |
| 17 | `#ea5e3b` | `oklch(65.72% 0.1814 34.95)` | Day Glow Orange | black, 6.1 to 1 |
| 18 | `#e25847` | `oklch(63.93% 0.1755 30.00)` | Tiger Lily | black, 5.7 to 1 |
| 19 | `#d95451` | `oklch(62.02% 0.1678 24.40)` | Capocollo | black, 5.3 to 1 |
| 20 | `#ce505b` | `oklch(60.09% 0.1601 18.19)` | Mandy | black, 4.9 to 1 |
| 21 | `#c44c63` | `oklch(58.23% 0.1540 11.39)` | Claret Red | white, 4.6 to 1 |
| 22 | `#bb486c` | `oklch(56.55% 0.1510 3.92)` | Lake Red | white, 4.9 to 1 |
| 23 | `#b24476` | `oklch(55.04% 0.1516 354.85)` | Valentino | white, 5.2 to 1 |
| 24 | `#a84182` | `oklch(53.62% 0.1542 344.78)` | Vivid Viola | white, 5.6 to 1 |
| 25 | `#9d3f8d` | `oklch(52.24% 0.1574 334.76)` | Viva Magenta | white, 5.9 to 1 |
| 26 | `#923d96` | `oklch(50.84% 0.1597 325.85)` | Purple Excellency | white, 6.3 to 1 |
| 27 | `#873c99` | `oklch(49.35% 0.1596 319.10)` | Cadmium Violet | white, 6.7 to 1 |
| 28 | `#7c3a98` | `oklch(47.63% 0.1567 314.45)` | Cadmium Violet | white, 7.2 to 1 |
| 29 | `#723794` | `oklch(45.77% 0.1522 311.26)` | Skeletor’s Cape | white, 7.7 to 1 |
| 30 | `#6a348e` | `oklch(43.97% 0.1470 309.12)` | True Purple | white, 8.3 to 1 |
| 31 | `#633289` | `oklch(42.43% 0.1423 307.60)` | Violet Magician | white, 8.9 to 1 |
| 32 | `#5f3085` | `oklch(41.34% 0.1392 306.30)` | Deep Amethyst | white, 9.3 to 1 |

## CSS

```css
background: linear-gradient(270deg, #ffbb35 0.0%, #ffb833 3.2%, #ffb330 6.5%, #ffae2c 9.7%, #ffa828 12.9%, #ffa225 16.1%, #ff9d23 19.4%, #ff9722 22.6%, #ff9022 25.8%, #ff8a21 29.0%, #fe8322 32.3%, #fc7d25 35.5%, #fa7726 38.7%, #f87127 41.9%, #f46a2a 45.2%, #f06431 48.4%, #ea5e3b 51.6%, #e25847 54.8%, #d95451 58.1%, #ce505b 61.3%, #c44c63 64.5%, #bb486c 67.7%, #b24476 71.0%, #a84182 74.2%, #9d3f8d 77.4%, #923d96 80.6%, #873c99 83.9%, #7c3a98 87.1%, #723794 90.3%, #6a348e 93.5%, #633289 96.8%, #5f3085 100.0%);
background: linear-gradient(270deg in oklch, oklch(83.46% 0.1585 79.45) 0.0%, oklch(82.86% 0.1591 77.85) 3.2%, oklch(82.01% 0.1599 75.62) 6.5%, oklch(81.02% 0.1612 72.97) 9.7%, oklch(79.95% 0.1629 70.10) 12.9%, oklch(78.91% 0.1650 67.24) 16.1%, oklch(77.91% 0.1670 64.38) 19.4%, oklch(76.89% 0.1692 61.30) 22.6%, oklch(75.84% 0.1719 58.12) 25.8%, oklch(74.75% 0.1756 54.94) 29.0%, oklch(73.62% 0.1786 51.89) 32.3%, oklch(72.44% 0.1803 49.17) 35.5%, oklch(71.25% 0.1823 46.93) 38.7%, oklch(70.02% 0.1841 44.79) 41.9%, oklch(68.72% 0.1849 42.34) 45.2%, oklch(67.30% 0.1843 39.17) 48.4%, oklch(65.72% 0.1814 34.95) 51.6%, oklch(63.93% 0.1755 30.00) 54.8%, oklch(62.02% 0.1678 24.40) 58.1%, oklch(60.09% 0.1601 18.19) 61.3%, oklch(58.23% 0.1540 11.39) 64.5%, oklch(56.55% 0.1510 3.92) 67.7%, oklch(55.04% 0.1516 354.85) 71.0%, oklch(53.62% 0.1542 344.78) 74.2%, oklch(52.24% 0.1574 334.76) 77.4%, oklch(50.84% 0.1597 325.85) 80.6%, oklch(49.35% 0.1596 319.10) 83.9%, oklch(47.63% 0.1567 314.45) 87.1%, oklch(45.77% 0.1522 311.26) 90.3%, oklch(43.97% 0.1470 309.12) 93.5%, oklch(42.43% 0.1423 307.60) 96.8%, oklch(41.34% 0.1392 306.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.835 | 0.158 | 79.5 |
| 2 | 0.787 | 0.167 | 66.8 |
| 3 | 0.732 | 0.179 | 50.9 |
| 4 | 0.665 | 0.183 | 37.2 |
| 5 | 0.571 | 0.152 | 6.5 |
| 6 | 0.496 | 0.16 | -40 |
| 7 | 0.413 | 0.139 | -53.7 |

## In these collections

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

## Other forms

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