# Plum, mint and dusty blue tetradic palette

The Plum, mint and dusty blue tetradic palette brings together magenta, light red, light green, green, orange, and blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light green.

- Also called: Purple, pink, green and gray angular gradient
- Seed: `kaa2XzS0TA-YeQFvkNFVK7As-XNrFi6tA`
- Page: https://grabient.com/kaa2XzS0TA-YeQFvkNFVK7As-XNrFi6tA?style=angularGradient&steps=32&angle=270
- Drawn as: angular gradient, 32 steps, 270 degrees
- Kinds: light center, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.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 | `#7c2563` | `oklch(42.13% 0.1392 341.72)` | Smooch | white, 9 to 1 |
| 2 | `#872768` | `oklch(44.27% 0.1480 342.90)` | Bane of Royalty | white, 8.3 to 1 |
| 3 | `#952970` | `oklch(47.25% 0.1619 344.62)` | Beetiful Magenta | white, 7.4 to 1 |
| 4 | `#a72c79` | `oklch(50.79% 0.1765 346.57)` | Festival Fuchsia | white, 6.4 to 1 |
| 5 | `#b93282` | `oklch(54.61% 0.1871 348.45)` | Very Berry | white, 5.4 to 1 |
| 6 | `#c83d8b` | `oklch(58.44% 0.1895 349.98)` | Smitten | white, 4.6 to 1 |
| 7 | `#d25097` | `oklch(62.39% 0.1797 349.42)` | Nova Pink | black, 5.3 to 1 |
| 8 | `#d867aa` | `oklch(66.84% 0.1598 345.85)` | Mega Magenta | black, 6.4 to 1 |
| 9 | `#dc7fba` | `oklch(71.41% 0.1346 342.45)` | Pink Punk | black, 7.7 to 1 |
| 10 | `#e094c3` | `oklch(75.70% 0.1090 342.45)` | Firm Pink | black, 9.2 to 1 |
| 11 | `#e7a5c4` | `oklch(79.32% 0.0879 349.09)` | Think Pink | black, 10.5 to 1 |
| 12 | `#efb1bd` | `oklch(82.16% 0.0736 6.28)` | Frozen Veins | black, 11.7 to 1 |
| 13 | `#f2bfb2` | `oklch(84.76% 0.0614 35.04)` | Jazz Age Coral | black, 12.9 to 1 |
| 14 | `#ebceb0` | `oklch(86.86% 0.0516 69.53)` | Shortbread Cookie | black, 14 to 1 |
| 15 | `#dddab8` | `oklch(88.14% 0.0454 103.56)` | Island Embrace | black, 14.7 to 1 |
| 16 | `#cedfc1` | `oklch(88.26% 0.0440 130.96)` | Shanghai Silk | black, 14.9 to 1 |
| 17 | `#bfddc1` | `oklch(86.80% 0.0494 146.75)` | Soft Grass | black, 14.3 to 1 |
| 18 | `#a7d5b6` | `oklch(83.21% 0.0651 154.88)` | Glenwood Green | black, 12.8 to 1 |
| 19 | `#89caa3` | `oklch(78.31% 0.0867 157.47)` | Park Green Flat | black, 10.9 to 1 |
| 20 | `#6bbc8b` | `oklch(73.12% 0.1082 155.74)` | Young Bamboo | black, 9.2 to 1 |
| 21 | `#5ab072` | `oklch(68.64% 0.1238 150.91)` | Pale Green | black, 7.8 to 1 |
| 22 | `#5da65d` | `oklch(65.80% 0.1281 144.10)` | Exploration Green | black, 7 to 1 |
| 23 | `#6d9d4f` | `oklch(64.39% 0.1211 134.77)` | Flat Green | black, 6.6 to 1 |
| 24 | `#809648` | `oklch(63.80% 0.1071 122.37)` | Bamboo Grass Green | black, 6.3 to 1 |
| 25 | `#918f4b` | `oklch(63.58% 0.0899 106.66)` | Retro Avocado | black, 6.2 to 1 |
| 26 | `#9d8755` | `oklch(63.27% 0.0736 87.36)` | Wasteland | black, 6 to 1 |
| 27 | `#a28060` | `oklch(62.40% 0.0618 64.11)` | Spiced Honey | black, 5.7 to 1 |
| 28 | `#a0786f` | `oklch(60.93% 0.0534 32.07)` | Burlwood | black, 5.4 to 1 |
| 29 | `#947380` | `oklch(59.17% 0.0461 353.15)` | Tragic Juliet | black, 5 to 1 |
| 30 | `#81728a` | `oklch(57.38% 0.0401 313.24)` | Batik Lilac | black, 4.6 to 1 |
| 31 | `#6f7289` | `oklch(55.81% 0.0353 278.23)` | Stormy Mauve | white, 4.7 to 1 |
| 32 | `#647283` | `oklch(54.72% 0.0317 254.01)` | Flintstone | white, 4.8 to 1 |

## CSS

```css
background: conic-gradient(from 270deg, #7c2563 0.0%, #872768 3.2%, #952970 6.5%, #a72c79 9.7%, #b93282 12.9%, #c83d8b 16.1%, #d25097 19.4%, #d867aa 22.6%, #dc7fba 25.8%, #e094c3 29.0%, #e7a5c4 32.3%, #efb1bd 35.5%, #f2bfb2 38.7%, #ebceb0 41.9%, #dddab8 45.2%, #cedfc1 48.4%, #bfddc1 51.6%, #a7d5b6 54.8%, #89caa3 58.1%, #6bbc8b 61.3%, #5ab072 64.5%, #5da65d 67.7%, #6d9d4f 71.0%, #809648 74.2%, #918f4b 77.4%, #9d8755 80.6%, #a28060 83.9%, #a0786f 87.1%, #947380 90.3%, #81728a 93.5%, #6f7289 96.8%, #647283 100.0%);
background: conic-gradient(from 270deg in oklch, oklch(42.13% 0.1392 341.72) 0.0%, oklch(44.27% 0.1480 342.90) 3.2%, oklch(47.25% 0.1619 344.62) 6.5%, oklch(50.79% 0.1765 346.57) 9.7%, oklch(54.61% 0.1871 348.45) 12.9%, oklch(58.44% 0.1895 349.98) 16.1%, oklch(62.39% 0.1797 349.42) 19.4%, oklch(66.84% 0.1598 345.85) 22.6%, oklch(71.41% 0.1346 342.45) 25.8%, oklch(75.70% 0.1090 342.45) 29.0%, oklch(79.32% 0.0879 349.09) 32.3%, oklch(82.16% 0.0736 6.28) 35.5%, oklch(84.76% 0.0614 35.04) 38.7%, oklch(86.86% 0.0516 69.53) 41.9%, oklch(88.14% 0.0454 103.56) 45.2%, oklch(88.26% 0.0440 130.96) 48.4%, oklch(86.80% 0.0494 146.75) 51.6%, oklch(83.21% 0.0651 154.88) 54.8%, oklch(78.31% 0.0867 157.47) 58.1%, oklch(73.12% 0.1082 155.74) 61.3%, oklch(68.64% 0.1238 150.91) 64.5%, oklch(65.80% 0.1281 144.10) 67.7%, oklch(64.39% 0.1211 134.77) 71.0%, oklch(63.80% 0.1071 122.37) 74.2%, oklch(63.58% 0.0899 106.66) 77.4%, oklch(63.27% 0.0736 87.36) 80.6%, oklch(62.40% 0.0618 64.11) 83.9%, oklch(60.93% 0.0534 32.07) 87.1%, oklch(59.17% 0.0461 353.15) 90.3%, oklch(57.38% 0.0401 313.24) 93.5%, oklch(55.81% 0.0353 278.23) 96.8%, oklch(54.72% 0.0317 254.01) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.421 | 0.139 | 341.7 |
| 2 | 0.591 | 0.189 | 350.2 |
| 3 | 0.803 | 0.083 | 353.3 |
| 4 | 0.878 | 0.045 | 500.2 |
| 5 | 0.665 | 0.128 | 506.6 |
| 6 | 0.626 | 0.063 | 428.4 |
| 7 | 0.547 | 0.032 | 254 |

## In these collections

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

## Other forms

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