# Crimson, sage and orange tetradic palette

The Crimson, sage and orange tetradic palette brings together red, purple, blue, teal, green, gold, and orange. 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 gold.

- Also called: Rainbow from purple to orange linear gradient
- Seed: `kccWIJOCw5jwrOdJHTkUqq4WS0vPsqLyV7O7I`
- Page: https://grabient.com/kccWIJOCw5jwrOdJHTkUqq4WS0vPsqLyV7O7I?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 5.4 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 | `#8f2a3f` | `oklch(44.49% 0.1350 12.66)` | Rumba Red | white, 8.1 to 1 |
| 2 | `#8b2b4b` | `oklch(44.36% 0.1326 4.09)` | Anemone | white, 8.2 to 1 |
| 3 | `#852e5a` | `oklch(44.14% 0.1291 351.86)` | Boysenberry | white, 8.3 to 1 |
| 4 | `#7c326a` | `oklch(43.97% 0.1254 337.89)` | Ayame Iris | white, 8.3 to 1 |
| 5 | `#723778` | `oklch(43.99% 0.1222 324.12)` | Eminence | white, 8.2 to 1 |
| 6 | `#693c83` | `oklch(44.28% 0.1206 312.02)` | Dark Pansy | white, 8.1 to 1 |
| 7 | `#60418c` | `oklch(44.66% 0.1209 300.49)` | Daisy Bush | white, 7.9 to 1 |
| 8 | `#554794` | `oklch(45.24% 0.1216 289.04)` | Liberty | white, 7.7 to 1 |
| 9 | `#494f9a` | `oklch(46.13% 0.1211 277.37)` | Crushed Velvet | white, 7.3 to 1 |
| 10 | `#3b589e` | `oklch(47.47% 0.1178 265.21)` | Muted Lavender | white, 6.8 to 1 |
| 11 | `#2e649e` | `oklch(49.45% 0.1092 252.59)` | Caledor Sky | white, 6.1 to 1 |
| 12 | `#286f9b` | `oklch(51.91% 0.0976 239.65)` | Deep Water | white, 5.4 to 1 |
| 13 | `#2c7a97` | `oklch(54.50% 0.0867 226.39)` | Turkish Stone | white, 4.8 to 1 |
| 14 | `#338393` | `oklch(56.88% 0.0803 212.80)` | Kings of Sea | black, 4.8 to 1 |
| 15 | `#348b8e` | `oklch(58.77% 0.0817 198.40)` | Taos Turquoise | black, 5.2 to 1 |
| 16 | `#359286` | `oklch(60.27% 0.0893 182.57)` | Highlands | black, 5.6 to 1 |
| 17 | `#3e9878` | `oklch(61.70% 0.0999 166.80)` | Greenway | black, 5.9 to 1 |
| 18 | `#509e69` | `oklch(63.40% 0.1108 152.65)` | Basil Pesto | black, 6.4 to 1 |
| 19 | `#65a35d` | `oklch(65.70% 0.1193 141.66)` | Astroturf | black, 6.9 to 1 |
| 20 | `#79ac57` | `oklch(68.82% 0.1276 134.27)` | Asparagus | black, 7.8 to 1 |
| 21 | `#8bb654` | `oklch(72.38% 0.1358 129.15)` | Savoy | black, 8.9 to 1 |
| 22 | `#9cc053` | `oklch(75.87% 0.1421 124.84)` | Pesto Genovese | black, 10 to 1 |
| 23 | `#aec753` | `oklch(78.79% 0.1447 119.88)` | Acid Candy | black, 11.1 to 1 |
| 24 | `#c1cb56` | `oklch(81.19% 0.1411 113.89)` | Hidden Meadow | black, 11.9 to 1 |
| 25 | `#d1cf62` | `oklch(83.50% 0.1319 107.89)` | Force of Nature | black, 12.8 to 1 |
| 26 | `#dfd16f` | `oklch(85.20% 0.1211 101.62)` | Golden Rice | black, 13.4 to 1 |
| 27 | `#e8d076` | `oklch(85.79% 0.1132 94.78)` | Green Papaya | black, 13.6 to 1 |
| 28 | `#ecc873` | `oklch(84.66% 0.1122 86.91)` | Hit the Hay | black, 13 to 1 |
| 29 | `#ecb765` | `oklch(81.21% 0.1178 76.99)` | Harvest Gold | black, 11.5 to 1 |
| 30 | `#e9a253` | `oklch(76.52% 0.1268 66.41)` | Roasted Squash | black, 9.7 to 1 |
| 31 | `#e48c46` | `oklch(71.96% 0.1359 56.93)` | Velvet Marigold | black, 8.1 to 1 |
| 32 | `#df7e41` | `oklch(68.90% 0.1419 50.35)` | Sandy Peppers | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8f2a3f 0.0%, #8b2b4b 3.2%, #852e5a 6.5%, #7c326a 9.7%, #723778 12.9%, #693c83 16.1%, #60418c 19.4%, #554794 22.6%, #494f9a 25.8%, #3b589e 29.0%, #2e649e 32.3%, #286f9b 35.5%, #2c7a97 38.7%, #338393 41.9%, #348b8e 45.2%, #359286 48.4%, #3e9878 51.6%, #509e69 54.8%, #65a35d 58.1%, #79ac57 61.3%, #8bb654 64.5%, #9cc053 67.7%, #aec753 71.0%, #c1cb56 74.2%, #d1cf62 77.4%, #dfd16f 80.6%, #e8d076 83.9%, #ecc873 87.1%, #ecb765 90.3%, #e9a253 93.5%, #e48c46 96.8%, #df7e41 100.0%);
background: linear-gradient(135deg in oklch, oklch(44.49% 0.1350 12.66) 0.0%, oklch(44.36% 0.1326 4.09) 3.2%, oklch(44.14% 0.1291 351.86) 6.5%, oklch(43.97% 0.1254 337.89) 9.7%, oklch(43.99% 0.1222 324.12) 12.9%, oklch(44.28% 0.1206 312.02) 16.1%, oklch(44.66% 0.1209 300.49) 19.4%, oklch(45.24% 0.1216 289.04) 22.6%, oklch(46.13% 0.1211 277.37) 25.8%, oklch(47.47% 0.1178 265.21) 29.0%, oklch(49.45% 0.1092 252.59) 32.3%, oklch(51.91% 0.0976 239.65) 35.5%, oklch(54.50% 0.0867 226.39) 38.7%, oklch(56.88% 0.0803 212.80) 41.9%, oklch(58.77% 0.0817 198.40) 45.2%, oklch(60.27% 0.0893 182.57) 48.4%, oklch(61.70% 0.0999 166.80) 51.6%, oklch(63.40% 0.1108 152.65) 54.8%, oklch(65.70% 0.1193 141.66) 58.1%, oklch(68.82% 0.1276 134.27) 61.3%, oklch(72.38% 0.1358 129.15) 64.5%, oklch(75.87% 0.1421 124.84) 67.7%, oklch(78.79% 0.1447 119.88) 71.0%, oklch(81.19% 0.1411 113.89) 74.2%, oklch(83.50% 0.1319 107.89) 77.4%, oklch(85.20% 0.1211 101.62) 80.6%, oklch(85.79% 0.1132 94.78) 83.9%, oklch(84.66% 0.1122 86.91) 87.1%, oklch(81.21% 0.1178 76.99) 90.3%, oklch(76.52% 0.1268 66.41) 93.5%, oklch(71.96% 0.1359 56.93) 96.8%, oklch(68.90% 0.1419 50.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.135 | 12.7 |
| 2 | 0.441 | 0.121 | -41.2 |
| 3 | 0.472 | 0.119 | -93 |
| 4 | 0.575 | 0.08 | -151.1 |
| 5 | 0.65 | 0.117 | -215.6 |
| 6 | 0.791 | 0.145 | -241 |
| 7 | 0.854 | 0.112 | -269.5 |
| 8 | 0.689 | 0.142 | -309.7 |

## In these collections

- [Tetradic color palette](https://grabient.com/tetradic-color-palette)

## Other forms

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