# Silver, magenta and emerald multicolor palette

The Silver, magenta and emerald multicolor palette brings together light gray, light magenta, purple, magenta, gray, and green. The colors span a moderate lightness range, combining strong 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 light gray.

- Also called: Gray, purple, pink and teal angular gradient
- Seed: `kY0wDDWhzIzycuhSTkXy4BJNijS0`
- Page: https://grabient.com/kY0wDDWhzIzycuhSTkXy4BJNijS0?style=angularGradient&steps=13&angle=45
- Drawn as: angular gradient, 13 steps, 45 degrees
- Kinds: dark center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#c7c7c7` | `oklch(83.07% 0.0000 89.88)` | Paternoster | black, 12.4 to 1 |
| 2 | `#c1b7cc` | `oklch(79.41% 0.0311 306.48)` | Savile Row | black, 10.9 to 1 |
| 3 | `#ca99b5` | `oklch(73.68% 0.0691 343.09)` | Morning Glory Pink | black, 8.7 to 1 |
| 4 | `#b27b9c` | `oklch(64.89% 0.0809 343.25)` | Antique Hot Pink | black, 6.2 to 1 |
| 5 | `#7a5f89` | `oklch(52.81% 0.0713 313.32)` | Super Violet | white, 5.4 to 1 |
| 6 | `#655186` | `oklch(47.71% 0.0863 300.21)` | Zimidar | white, 6.8 to 1 |
| 7 | `#964eae` | `oklch(54.97% 0.1602 316.95)` | Purpureus | white, 5.2 to 1 |
| 8 | `#df44a9` | `oklch(63.80% 0.2155 344.80)` | Pink Bite | black, 5.5 to 1 |
| 9 | `#da5c6f` | `oklch(63.93% 0.1578 13.67)` | Kōbai Red | black, 5.7 to 1 |
| 10 | `#967a6c` | `oklch(60.17% 0.0401 47.05)` | Buffalo Soldier | black, 5.2 to 1 |
| 11 | `#818181` | `oklch(60.38% 0.0000 89.88)` | Trolley Grey | black, 5.4 to 1 |
| 12 | `#869778` | `oklch(65.37% 0.0473 130.51)` | Laurel Tree | black, 6.6 to 1 |
| 13 | `#5eb18e` | `oklch(69.69% 0.0965 164.67)` | Electra | black, 8.1 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #c7c7c7 0.0%, #c1b7cc 8.3%, #ca99b5 16.7%, #b27b9c 25.0%, #7a5f89 33.3%, #655186 41.7%, #964eae 50.0%, #df44a9 58.3%, #da5c6f 66.7%, #967a6c 75.0%, #818181 83.3%, #869778 91.7%, #5eb18e 100.0%);
background: conic-gradient(from 45deg in oklch, oklch(83.07% 0.0000 89.88) 0.0%, oklch(79.41% 0.0311 306.48) 8.3%, oklch(73.68% 0.0691 343.09) 16.7%, oklch(64.89% 0.0809 343.25) 25.0%, oklch(52.81% 0.0713 313.32) 33.3%, oklch(47.71% 0.0863 300.21) 41.7%, oklch(54.97% 0.1602 316.95) 50.0%, oklch(63.80% 0.2155 344.80) 58.3%, oklch(63.93% 0.1578 13.67) 66.7%, oklch(60.17% 0.0401 47.05) 75.0%, oklch(60.38% 0.0000 89.88) 83.3%, oklch(65.37% 0.0473 130.51) 91.7%, oklch(69.69% 0.0965 164.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0 | 274.2 |
| 2 | 0.709 | 0.079 | 349.2 |
| 3 | 0.476 | 0.079 | 299.6 |
| 4 | 0.646 | 0.215 | 350.3 |
| 5 | 0.594 | 0 | 428.5 |
| 6 | 0.697 | 0.096 | 524.7 |

## In these collections

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

## Other forms

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