# Gray, tan and mint soft multicolor palette

The Gray, tan and mint soft multicolor palette brings together gray, blue, purple, orange, yellow, green, and light green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is light green.

- Also called: Gray, blue, tan and green angular swatches
- Seed: `kcgw7qRKS6Us0wFPmkFVQ3P9uow5gpUH5R1Eg`
- Page: https://grabient.com/kcgw7qRKS6Us0wFPmkFVQ3P9uow5gpUH5R1Eg?style=angularSwatches&steps=21&angle=0
- Drawn as: angular swatches, 21 steps, 0 degrees
- Kinds: muted, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3 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 | `#6e646d` | `oklch(51.57% 0.0193 329.06)` | Vintage Grape | white, 5.6 to 1 |
| 2 | `#72627b` | `oklch(52.12% 0.0432 313.92)` | Montana Grape | white, 5.5 to 1 |
| 3 | `#6e6394` | `oklch(52.95% 0.0764 293.54)` | Dark Horizon | white, 5.4 to 1 |
| 4 | `#6467aa` | `oklch(54.13% 0.1038 280.51)` | Blue Iris | white, 5.1 to 1 |
| 5 | `#656abd` | `oklch(55.86% 0.1265 278.72)` | Bluish Purple Anemone | white, 4.8 to 1 |
| 6 | `#6e6ccb` | `oklch(57.82% 0.1428 282.10)` | C64 Purple | black, 4.6 to 1 |
| 7 | `#7770cf` | `oklch(59.47% 0.1420 284.94)` | C64 Purple | black, 4.9 to 1 |
| 8 | `#7878c6` | `oklch(60.71% 0.1176 282.45)` | Kickstart Purple | black, 5.3 to 1 |
| 9 | `#817eb7` | `oklch(61.86% 0.0857 285.93)` | Murex | black, 5.6 to 1 |
| 10 | `#967fa6` | `oklch(63.20% 0.0634 310.89)` | Elite Wisteria | black, 5.8 to 1 |
| 11 | `#a7838b` | `oklch(64.67% 0.0452 2.75)` | Natural Spring | black, 6.2 to 1 |
| 12 | `#a58e7e` | `oklch(66.23% 0.0361 55.76)` | Stucco | black, 6.7 to 1 |
| 13 | `#a59678` | `oklch(67.92% 0.0465 84.61)` | San Antonio Sage | black, 7.2 to 1 |
| 14 | `#ad9e65` | `oklch(69.78% 0.0778 95.18)` | Whispering Grasslands | black, 7.8 to 1 |
| 15 | `#b3a550` | `oklch(71.58% 0.1071 100.18)` | Moss Stone | black, 8.3 to 1 |
| 16 | `#b1ad50` | `oklch(73.12% 0.1154 106.89)` | Dill Green | black, 8.9 to 1 |
| 17 | `#afb35c` | `oklch(74.49% 0.1108 111.42)` | Green Me | black, 9.4 to 1 |
| 18 | `#abb96c` | `oklch(75.80% 0.1028 117.79)` | Lime Rickey | black, 9.9 to 1 |
| 19 | `#a0c280` | `oklch(77.19% 0.0956 130.45)` | Picnic | black, 10.4 to 1 |
| 20 | `#95c999` | `oklch(78.57% 0.0865 146.54)` | Frost Gum | black, 11 to 1 |
| 21 | `#90cca9` | `oklch(79.53% 0.0799 158.22)` | Peppermint Spray | black, 11.4 to 1 |

## CSS

```css
background: conic-gradient(from 0deg, #6e646d 0.000% 4.762%, #72627b 4.762% 9.524%, #6e6394 9.524% 14.286%, #6467aa 14.286% 19.048%, #656abd 19.048% 23.810%, #6e6ccb 23.810% 28.571%, #7770cf 28.571% 33.333%, #7878c6 33.333% 38.095%, #817eb7 38.095% 42.857%, #967fa6 42.857% 47.619%, #a7838b 47.619% 52.381%, #a58e7e 52.381% 57.143%, #a59678 57.143% 61.905%, #ad9e65 61.905% 66.667%, #b3a550 66.667% 71.429%, #b1ad50 71.429% 76.190%, #afb35c 76.190% 80.952%, #abb96c 80.952% 85.714%, #a0c280 85.714% 90.476%, #95c999 90.476% 95.238%, #90cca9 95.238% 100.000%);
background: conic-gradient(from 0deg, oklch(51.57% 0.0193 329.06) 0.000% 4.762%, oklch(52.12% 0.0432 313.92) 4.762% 9.524%, oklch(52.95% 0.0764 293.54) 9.524% 14.286%, oklch(54.13% 0.1038 280.51) 14.286% 19.048%, oklch(55.86% 0.1265 278.72) 19.048% 23.810%, oklch(57.82% 0.1428 282.10) 23.810% 28.571%, oklch(59.47% 0.1420 284.94) 28.571% 33.333%, oklch(60.71% 0.1176 282.45) 33.333% 38.095%, oklch(61.86% 0.0857 285.93) 38.095% 42.857%, oklch(63.20% 0.0634 310.89) 42.857% 47.619%, oklch(64.67% 0.0452 2.75) 47.619% 52.381%, oklch(66.23% 0.0361 55.76) 52.381% 57.143%, oklch(67.92% 0.0465 84.61) 57.143% 61.905%, oklch(69.78% 0.0778 95.18) 61.905% 66.667%, oklch(71.58% 0.1071 100.18) 66.667% 71.429%, oklch(73.12% 0.1154 106.89) 71.429% 76.190%, oklch(74.49% 0.1108 111.42) 76.190% 80.952%, oklch(75.80% 0.1028 117.79) 80.952% 85.714%, oklch(77.19% 0.0956 130.45) 85.714% 90.476%, oklch(78.57% 0.0865 146.54) 90.476% 95.238%, oklch(79.53% 0.0799 158.22) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.516 | 0.019 | 329.1 |
| 2 | 0.539 | 0.101 | 281.5 |
| 3 | 0.591 | 0.145 | 284.7 |
| 4 | 0.626 | 0.072 | 296.3 |
| 5 | 0.669 | 0.037 | 431.6 |
| 6 | 0.72 | 0.112 | 462.2 |
| 7 | 0.76 | 0.102 | 479.1 |
| 8 | 0.795 | 0.08 | 518.2 |

## In these collections

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

## Other forms

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