# Mauve and moss multicolor palette

The Mauve and moss multicolor palette brings together dark gray, teal, green, yellow, red, and magenta. 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 dark gray, and its lightest tone is yellow.

- Also called: Dark gray, green, tan and purple linear gradient
- Seed: `kYURCnvw-61GgOfhKDszqO3LuauS`
- Page: https://grabient.com/kYURCnvw-61GgOfhKDszqO3LuauS?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, multicolor
- Hues: rainbow
- Contrast of its darkest and lightest colors: 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 | `#28353c` | `oklch(31.89% 0.0220 235.55)` | Dracula Orchid | white, 12.6 to 1 |
| 2 | `#2b3a42` | `oklch(33.78% 0.0239 231.10)` | Precision | white, 11.7 to 1 |
| 3 | `#2f4149` | `oklch(36.40% 0.0263 225.04)` | Big Stone | white, 10.6 to 1 |
| 4 | `#344a51` | `oklch(39.51% 0.0292 217.82)` | Galenite Blue | white, 9.3 to 1 |
| 5 | `#3a5459` | `oklch(42.83% 0.0327 209.90)` | Almost Famous | white, 8 to 1 |
| 6 | `#3f5f61` | `oklch(46.11% 0.0368 201.73)` | Oceans Deep | white, 6.9 to 1 |
| 7 | `#446867` | `oklch(49.07% 0.0417 193.75)` | Grand Prix | white, 6.1 to 1 |
| 8 | `#47716c` | `oklch(51.66% 0.0475 185.96)` | Sinkhole | white, 5.4 to 1 |
| 9 | `#4a7a6f` | `oklch(54.14% 0.0548 177.72)` | Hooker’s Green | white, 4.8 to 1 |
| 10 | `#4f8270` | `oklch(56.53% 0.0629 169.22)` | Billiard Room | black, 4.7 to 1 |
| 11 | `#558a6f` | `oklch(58.85% 0.0712 160.70)` | Saltwater Depth | black, 5.2 to 1 |
| 12 | `#5e916c` | `oklch(61.11% 0.0790 152.38)` | Skarsnik Green | black, 5.7 to 1 |
| 13 | `#699869` | `oklch(63.31% 0.0859 144.48)` | Leafy | black, 6.2 to 1 |
| 14 | `#769e66` | `oklch(65.56% 0.0914 137.34)` | Blackthorn Green | black, 6.8 to 1 |
| 15 | `#83a565` | `oklch(68.15% 0.0964 131.22)` | Scarpetta | black, 7.5 to 1 |
| 16 | `#92ac65` | `oklch(70.83% 0.1008 125.64)` | Celuce | black, 8.3 to 1 |
| 17 | `#a0b265` | `oklch(73.27% 0.1046 120.03)` | Light Birch Green | black, 9 to 1 |
| 18 | `#aeb663` | `oklch(75.19% 0.1076 113.84)` | Beach Bag | black, 9.6 to 1 |
| 19 | `#bab760` | `oklch(76.26% 0.1096 106.52)` | Columbian Gold | black, 10 to 1 |
| 20 | `#c5b25b` | `oklch(76.19% 0.1104 97.49)` | Vegas Gold | black, 9.9 to 1 |
| 21 | `#cca956` | `oklch(74.91% 0.1100 86.59)` | Glorious Gold | black, 9.3 to 1 |
| 22 | `#cf9c54` | `oklch(72.70% 0.1085 74.39)` | Bright Gold | black, 8.5 to 1 |
| 23 | `#ce8e56` | `oklch(69.91% 0.1062 61.52)` | Honey Fungus | black, 7.6 to 1 |
| 24 | `#c8815a` | `oklch(66.87% 0.1034 48.62)` | Clove Bud | black, 6.7 to 1 |
| 25 | `#c07560` | `oklch(63.90% 0.1003 36.33)` | Caribbean Coral | black, 5.9 to 1 |
| 26 | `#b76c66` | `oklch(61.33% 0.0972 25.24)` | Hacienda Tile | black, 5.3 to 1 |
| 27 | `#ad646b` | `oklch(58.71% 0.0934 14.40)` | Spanish Rose Shadow | black, 4.8 to 1 |
| 28 | `#a05d6f` | `oklch(55.92% 0.0889 3.55)` | Tropical Hibiscus | white, 4.8 to 1 |
| 29 | `#925770` | `oklch(53.15% 0.0842 353.21)` | Grandeur Plum | white, 5.4 to 1 |
| 30 | `#855270` | `oklch(50.58% 0.0796 343.89)` | Raspberry Crush | white, 6.1 to 1 |
| 31 | `#7a4e6f` | `oklch(48.42% 0.0758 336.08)` | Brocade Violet | white, 6.6 to 1 |
| 32 | `#724b6e` | `oklch(46.85% 0.0730 330.30)` | Old Fashioned Purple | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #28353c 0.0%, #2b3a42 3.2%, #2f4149 6.5%, #344a51 9.7%, #3a5459 12.9%, #3f5f61 16.1%, #446867 19.4%, #47716c 22.6%, #4a7a6f 25.8%, #4f8270 29.0%, #558a6f 32.3%, #5e916c 35.5%, #699869 38.7%, #769e66 41.9%, #83a565 45.2%, #92ac65 48.4%, #a0b265 51.6%, #aeb663 54.8%, #bab760 58.1%, #c5b25b 61.3%, #cca956 64.5%, #cf9c54 67.7%, #ce8e56 71.0%, #c8815a 74.2%, #c07560 77.4%, #b76c66 80.6%, #ad646b 83.9%, #a05d6f 87.1%, #925770 90.3%, #855270 93.5%, #7a4e6f 96.8%, #724b6e 100.0%);
background: linear-gradient(90deg in oklch, oklch(31.89% 0.0220 235.55) 0.0%, oklch(33.78% 0.0239 231.10) 3.2%, oklch(36.40% 0.0263 225.04) 6.5%, oklch(39.51% 0.0292 217.82) 9.7%, oklch(42.83% 0.0327 209.90) 12.9%, oklch(46.11% 0.0368 201.73) 16.1%, oklch(49.07% 0.0417 193.75) 19.4%, oklch(51.66% 0.0475 185.96) 22.6%, oklch(54.14% 0.0548 177.72) 25.8%, oklch(56.53% 0.0629 169.22) 29.0%, oklch(58.85% 0.0712 160.70) 32.3%, oklch(61.11% 0.0790 152.38) 35.5%, oklch(63.31% 0.0859 144.48) 38.7%, oklch(65.56% 0.0914 137.34) 41.9%, oklch(68.15% 0.0964 131.22) 45.2%, oklch(70.83% 0.1008 125.64) 48.4%, oklch(73.27% 0.1046 120.03) 51.6%, oklch(75.19% 0.1076 113.84) 54.8%, oklch(76.26% 0.1096 106.52) 58.1%, oklch(76.19% 0.1104 97.49) 61.3%, oklch(74.91% 0.1100 86.59) 64.5%, oklch(72.70% 0.1085 74.39) 67.7%, oklch(69.91% 0.1062 61.52) 71.0%, oklch(66.87% 0.1034 48.62) 74.2%, oklch(63.90% 0.1003 36.33) 77.4%, oklch(61.33% 0.0972 25.24) 80.6%, oklch(58.71% 0.0934 14.40) 83.9%, oklch(55.92% 0.0889 3.55) 87.1%, oklch(53.15% 0.0842 353.21) 90.3%, oklch(50.58% 0.0796 343.89) 93.5%, oklch(48.42% 0.0758 336.08) 96.8%, oklch(46.85% 0.0730 330.30) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.319 | 0.022 | 235.5 |
| 2 | 0.496 | 0.043 | 192.2 |
| 3 | 0.642 | 0.088 | 141.5 |
| 4 | 0.764 | 0.11 | 101.3 |
| 5 | 0.618 | 0.098 | 27.4 |
| 6 | 0.469 | 0.073 | -29.7 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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