# Violet and terracotta orange and purple palette

The Violet and terracotta orange and purple palette brings together purple, light purple, light orange, and 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 purple, and its lightest tone is light orange.

- Also called: Purple, pink and orange linear gradient
- Seed: `kaZFnTwq5AVakQHmFkG65RJ2GtQVKNT7A`
- Page: https://grabient.com/kaZFnTwq5AVakQHmFkG65RJ2GtQVKNT7A?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.1 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 | `#4f337e` | `oklch(39.37% 0.1226 297.42)` | Prism Violet | white, 9.9 to 1 |
| 2 | `#543784` | `oklch(41.03% 0.1237 297.82)` | Kingfisher Daisy | white, 9.3 to 1 |
| 3 | `#5b3d8b` | `oklch(43.33% 0.1254 298.37)` | Daisy Bush | white, 8.4 to 1 |
| 4 | `#634494` | `oklch(46.06% 0.1271 299.03)` | Sweet Flag | white, 7.5 to 1 |
| 5 | `#6c4c9d` | `oklch(48.99% 0.1279 299.74)` | Studio | white, 6.6 to 1 |
| 6 | `#7555a6` | `oklch(51.89% 0.1271 300.47)` | Prophet Violet | white, 5.8 to 1 |
| 7 | `#7e5dad` | `oklch(54.78% 0.1242 301.10)` | Genestealer Purple | white, 5.1 to 1 |
| 8 | `#8767b5` | `oklch(57.89% 0.1198 301.58)` | Lavish Spending | black, 4.6 to 1 |
| 9 | `#9072bc` | `oklch(61.08% 0.1142 302.13)` | Middle Blue Purple | black, 5.3 to 1 |
| 10 | `#9a7cc3` | `oklch(64.23% 0.1079 302.95)` | Plum Burst | black, 6 to 1 |
| 11 | `#a486c9` | `oklch(67.19% 0.1014 304.25)` | Lilac Purple | black, 6.8 to 1 |
| 12 | `#ac8fcd` | `oklch(69.92% 0.0945 305.71)` | Fleur-De-Lis | black, 7.5 to 1 |
| 13 | `#b498d2` | `oklch(72.59% 0.0864 306.39)` | Biloba Flower | black, 8.3 to 1 |
| 14 | `#bca2d5` | `oklch(75.13% 0.0778 307.39)` | Enchanted Lavender | black, 9.2 to 1 |
| 15 | `#c3aad8` | `oklch(77.45% 0.0697 309.98)` | Perfume | black, 10 to 1 |
| 16 | `#ccb0d8` | `oklch(79.46% 0.0631 315.43)` | Sea Lavender | black, 10.7 to 1 |
| 17 | `#d5b5d6` | `oklch(81.10% 0.0585 325.29)` | Confectionary | black, 11.4 to 1 |
| 18 | `#dfb8d0` | `oklch(82.51% 0.0544 340.98)` | Blissfully Mine | black, 11.9 to 1 |
| 19 | `#e7bcc8` | `oklch(83.66% 0.0513 359.92)` | Pink Mist | black, 12.4 to 1 |
| 20 | `#ebbfbf` | `oklch(84.43% 0.0502 19.06)` | Cafe Pink | black, 12.7 to 1 |
| 21 | `#edc2b6` | `oklch(84.74% 0.0519 35.34)` | New Clay | black, 12.9 to 1 |
| 22 | `#edc1ad` | `oklch(84.50% 0.0576 45.92)` | Soft Orange | black, 12.8 to 1 |
| 23 | `#efbea1` | `oklch(83.74% 0.0688 51.72)` | Tan Temptation | black, 12.5 to 1 |
| 24 | `#f1b892` | `oklch(82.51% 0.0838 54.41)` | November Leaf | black, 11.9 to 1 |
| 25 | `#f3af81` | `oklch(80.85% 0.1000 55.08)` | Peach Quartz | black, 11.2 to 1 |
| 26 | `#f3a670` | `oklch(78.78% 0.1147 54.83)` | Apricot Jam | black, 10.4 to 1 |
| 27 | `#ef9b60` | `oklch(76.33% 0.1254 54.73)` | Ridgeback | black, 9.5 to 1 |
| 28 | `#e78f51` | `oklch(72.95% 0.1326 53.82)` | Big Foot Feet | black, 8.4 to 1 |
| 29 | `#dc7f42` | `oklch(68.82% 0.1377 51.74)` | Seraphim Sepia | black, 7.1 to 1 |
| 30 | `#d17035` | `oklch(64.57% 0.1413 49.17)` | Tango | black, 6 to 1 |
| 31 | `#c6632b` | `oklch(60.85% 0.1439 46.77)` | Chivalrous Fox | black, 5.2 to 1 |
| 32 | `#bf5923` | `oklch(58.27% 0.1461 45.21)` | Grieving Daylily | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #4f337e 0.0%, #543784 3.2%, #5b3d8b 6.5%, #634494 9.7%, #6c4c9d 12.9%, #7555a6 16.1%, #7e5dad 19.4%, #8767b5 22.6%, #9072bc 25.8%, #9a7cc3 29.0%, #a486c9 32.3%, #ac8fcd 35.5%, #b498d2 38.7%, #bca2d5 41.9%, #c3aad8 45.2%, #ccb0d8 48.4%, #d5b5d6 51.6%, #dfb8d0 54.8%, #e7bcc8 58.1%, #ebbfbf 61.3%, #edc2b6 64.5%, #edc1ad 67.7%, #efbea1 71.0%, #f1b892 74.2%, #f3af81 77.4%, #f3a670 80.6%, #ef9b60 83.9%, #e78f51 87.1%, #dc7f42 90.3%, #d17035 93.5%, #c6632b 96.8%, #bf5923 100.0%);
background: linear-gradient(90deg in oklch, oklch(39.37% 0.1226 297.42) 0.0%, oklch(41.03% 0.1237 297.82) 3.2%, oklch(43.33% 0.1254 298.37) 6.5%, oklch(46.06% 0.1271 299.03) 9.7%, oklch(48.99% 0.1279 299.74) 12.9%, oklch(51.89% 0.1271 300.47) 16.1%, oklch(54.78% 0.1242 301.10) 19.4%, oklch(57.89% 0.1198 301.58) 22.6%, oklch(61.08% 0.1142 302.13) 25.8%, oklch(64.23% 0.1079 302.95) 29.0%, oklch(67.19% 0.1014 304.25) 32.3%, oklch(69.92% 0.0945 305.71) 35.5%, oklch(72.59% 0.0864 306.39) 38.7%, oklch(75.13% 0.0778 307.39) 41.9%, oklch(77.45% 0.0697 309.98) 45.2%, oklch(79.46% 0.0631 315.43) 48.4%, oklch(81.10% 0.0585 325.29) 51.6%, oklch(82.51% 0.0544 340.98) 54.8%, oklch(83.66% 0.0513 359.92) 58.1%, oklch(84.43% 0.0502 19.06) 61.3%, oklch(84.74% 0.0519 35.34) 64.5%, oklch(84.50% 0.0576 45.92) 67.7%, oklch(83.74% 0.0688 51.72) 71.0%, oklch(82.51% 0.0838 54.41) 74.2%, oklch(80.85% 0.1000 55.08) 77.4%, oklch(78.78% 0.1147 54.83) 80.6%, oklch(76.33% 0.1254 54.73) 83.9%, oklch(72.95% 0.1326 53.82) 87.1%, oklch(68.82% 0.1377 51.74) 90.3%, oklch(64.57% 0.1413 49.17) 93.5%, oklch(60.85% 0.1439 46.77) 96.8%, oklch(58.27% 0.1461 45.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.123 | 297.4 |
| 2 | 0.524 | 0.127 | 300.6 |
| 3 | 0.681 | 0.099 | 304.8 |
| 4 | 0.803 | 0.061 | 319.6 |
| 5 | 0.846 | 0.055 | 403.1 |
| 6 | 0.768 | 0.124 | 414.7 |
| 7 | 0.583 | 0.146 | 405.2 |

## In these collections

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

## Other forms

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