# Violet, terracotta and teal tetradic palette

The Violet, terracotta and teal tetradic palette brings together purple, red, orange, gold, light green, and teal. 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: Purple, tan and teal linear gradient
- Seed: `kaaF_YQKfAdCbSNcJkSaa3D2WjQ5cmcdA`
- Page: https://grabient.com/kaaF_YQKfAdCbSNcJkSaa3D2WjQ5cmcdA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, pastel
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.6 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 | `#5a3383` | `oklch(40.94% 0.1309 303.75)` | Deep Amethyst | white, 9.4 to 1 |
| 2 | `#5d3786` | `oklch(42.19% 0.1282 303.23)` | Kingfisher Daisy | white, 8.9 to 1 |
| 3 | `#603e8b` | `oklch(43.91% 0.1245 301.83)` | Daisy Bush | white, 8.2 to 1 |
| 4 | `#644590` | `oklch(45.96% 0.1201 300.98)` | Lords of the Night | white, 7.5 to 1 |
| 5 | `#6b4c93` | `oklch(48.18% 0.1151 302.15)` | Grapes of Italy | white, 6.8 to 1 |
| 6 | `#755295` | `oklch(50.42% 0.1098 306.77)` | Juneberry | white, 6.1 to 1 |
| 7 | `#825793` | `oklch(52.70% 0.1033 316.45)` | Purple Tanzanite | white, 5.6 to 1 |
| 8 | `#925d8c` | `oklch(55.20% 0.0949 330.83)` | Plum Savour | white, 5 to 1 |
| 9 | `#9f6483` | `oklch(57.78% 0.0863 347.60)` | Love Poem | black, 4.6 to 1 |
| 10 | `#aa6d7b` | `oklch(60.32% 0.0790 4.45)` | Black Elder | black, 5.1 to 1 |
| 11 | `#b17676` | `oklch(62.67% 0.0748 19.04)` | Red Gerbera | black, 5.7 to 1 |
| 12 | `#b87d73` | `oklch(64.72% 0.0752 29.86)` | Heirloom | black, 6.2 to 1 |
| 13 | `#bf8370` | `oklch(66.51% 0.0797 38.50)` | Kitchen Terra Cotta | black, 6.6 to 1 |
| 14 | `#c6886b` | `oklch(68.17% 0.0868 45.77)` | Secluded Canyon | black, 7.1 to 1 |
| 15 | `#cd8d66` | `oklch(69.80% 0.0947 52.29)` | Grounded | black, 7.5 to 1 |
| 16 | `#d39360` | `oklch(71.52% 0.1019 58.72)` | Gates of Gold | black, 8.1 to 1 |
| 17 | `#d79b5d` | `oklch(73.47% 0.1073 65.54)` | Ritzy | black, 8.7 to 1 |
| 18 | `#dda45b` | `oklch(75.82% 0.1129 72.14)` | Pan de Coco | black, 9.5 to 1 |
| 19 | `#e1af5a` | `oklch(78.32% 0.1183 78.49)` | Lemon Poppy | black, 10.4 to 1 |
| 20 | `#e4b95b` | `oklch(80.61% 0.1227 84.68)` | Mr Mustard | black, 11.3 to 1 |
| 21 | `#e4c25e` | `oklch(82.36% 0.1252 90.79)` | Candelabra | black, 12.1 to 1 |
| 22 | `#dfc862` | `oklch(83.26% 0.1249 96.84)` | Williams Pear Yellow | black, 12.6 to 1 |
| 23 | `#d8cb69` | `oklch(83.33% 0.1214 102.14)` | Chifle Yellow | black, 12.6 to 1 |
| 24 | `#cfcc6f` | `oklch(82.80% 0.1155 107.08)` | Force of Nature | black, 12.5 to 1 |
| 25 | `#c5cb76` | `oklch(81.89% 0.1085 112.38)` | Calamansi Green | black, 12.1 to 1 |
| 26 | `#b9ca7e` | `oklch(80.80% 0.1015 118.79)` | Floral Bouquet | black, 11.7 to 1 |
| 27 | `#acc985` | `oklch(79.75% 0.0956 127.07)` | Venerable Verde | black, 11.4 to 1 |
| 28 | `#9cc78f` | `oklch(78.45% 0.0898 138.68)` | Arcadian Green | black, 10.9 to 1 |
| 29 | `#8bc49a` | `oklch(76.87% 0.0839 152.60)` | Delltone | black, 10.4 to 1 |
| 30 | `#7dbfa4` | `oklch(75.24% 0.0784 166.80)` | Celadon Porcelain | black, 9.8 to 1 |
| 31 | `#75baab` | `oklch(73.82% 0.0737 179.24)` | Sereni Teal | black, 9.3 to 1 |
| 32 | `#71b6af` | `oklch(72.83% 0.0703 187.86)` | Florida Turquoise | black, 9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #5a3383 0.0%, #5d3786 3.2%, #603e8b 6.5%, #644590 9.7%, #6b4c93 12.9%, #755295 16.1%, #825793 19.4%, #925d8c 22.6%, #9f6483 25.8%, #aa6d7b 29.0%, #b17676 32.3%, #b87d73 35.5%, #bf8370 38.7%, #c6886b 41.9%, #cd8d66 45.2%, #d39360 48.4%, #d79b5d 51.6%, #dda45b 54.8%, #e1af5a 58.1%, #e4b95b 61.3%, #e4c25e 64.5%, #dfc862 67.7%, #d8cb69 71.0%, #cfcc6f 74.2%, #c5cb76 77.4%, #b9ca7e 80.6%, #acc985 83.9%, #9cc78f 87.1%, #8bc49a 90.3%, #7dbfa4 93.5%, #75baab 96.8%, #71b6af 100.0%);
background: linear-gradient(45deg in oklch, oklch(40.94% 0.1309 303.75) 0.0%, oklch(42.19% 0.1282 303.23) 3.2%, oklch(43.91% 0.1245 301.83) 6.5%, oklch(45.96% 0.1201 300.98) 9.7%, oklch(48.18% 0.1151 302.15) 12.9%, oklch(50.42% 0.1098 306.77) 16.1%, oklch(52.70% 0.1033 316.45) 19.4%, oklch(55.20% 0.0949 330.83) 22.6%, oklch(57.78% 0.0863 347.60) 25.8%, oklch(60.32% 0.0790 4.45) 29.0%, oklch(62.67% 0.0748 19.04) 32.3%, oklch(64.72% 0.0752 29.86) 35.5%, oklch(66.51% 0.0797 38.50) 38.7%, oklch(68.17% 0.0868 45.77) 41.9%, oklch(69.80% 0.0947 52.29) 45.2%, oklch(71.52% 0.1019 58.72) 48.4%, oklch(73.47% 0.1073 65.54) 51.6%, oklch(75.82% 0.1129 72.14) 54.8%, oklch(78.32% 0.1183 78.49) 58.1%, oklch(80.61% 0.1227 84.68) 61.3%, oklch(82.36% 0.1252 90.79) 64.5%, oklch(83.26% 0.1249 96.84) 67.7%, oklch(83.33% 0.1214 102.14) 71.0%, oklch(82.80% 0.1155 107.08) 74.2%, oklch(81.89% 0.1085 112.38) 77.4%, oklch(80.80% 0.1015 118.79) 80.6%, oklch(79.75% 0.0956 127.07) 83.9%, oklch(78.45% 0.0898 138.68) 87.1%, oklch(76.87% 0.0839 152.60) 90.3%, oklch(75.24% 0.0784 166.80) 93.5%, oklch(73.82% 0.0737 179.24) 96.8%, oklch(72.83% 0.0703 187.86) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.409 | 0.131 | 303.8 |
| 2 | 0.508 | 0.109 | 308 |
| 3 | 0.634 | 0.074 | 383 |
| 4 | 0.724 | 0.105 | 422.1 |
| 5 | 0.831 | 0.125 | 454.9 |
| 6 | 0.799 | 0.096 | 485.5 |
| 7 | 0.728 | 0.07 | 547.9 |

## In these collections

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

## Other forms

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