# Magenta and teal vivid multicolor palette

The Magenta and teal vivid multicolor palette brings together magenta, light purple, light blue, light teal, light green, and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light green.

- Also called: Pink, lavender, light blue and teal linear swatches
- Seed: `kcu8vp39A_mM0Ptolb0cBO0nYovP0Lj_c7W_o`
- Page: https://grabient.com/kcu8vp39A_mM0Ptolb0cBO0nYovP0Lj_c7W_o?style=linearSwatches&steps=8&angle=0
- Drawn as: linear swatches, 8 steps, 0 degrees
- Kinds: vivid, light, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 2.2 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 | `#ff52fd` | `oklch(73.62% 0.2743 328.36)` | Ultimate Pink | black, 7.8 to 1 |
| 2 | `#f173f9` | `oklch(75.20% 0.2205 325.19)` | Frijid Pink | black, 8.5 to 1 |
| 3 | `#da99f5` | `oklch(77.95% 0.1433 315.68)` | Plasma Trail | black, 9.9 to 1 |
| 4 | `#c5bfe9` | `oklch(82.28% 0.0593 291.37)` | Violet Gems | black, 11.9 to 1 |
| 5 | `#afe4e3` | `oklch(88.19% 0.0537 195.21)` | Timeless Seafoam | black, 15 to 1 |
| 6 | `#9bffdd` | `oklch(92.91% 0.1061 169.85)` | Freezy Wind | black, 17.7 to 1 |
| 7 | `#83fed4` | `oklch(91.34% 0.1268 168.79)` | Hiroshima Aquamarine | black, 17 to 1 |
| 8 | `#75ffcd` | `oklch(90.94% 0.1414 166.68)` | Calamine Blue | black, 16.9 to 1 |

## CSS

```css
background: linear-gradient(0deg, #ff52fd 0.000% 12.500%, #f173f9 12.500% 25.000%, #da99f5 25.000% 37.500%, #c5bfe9 37.500% 50.000%, #afe4e3 50.000% 62.500%, #9bffdd 62.500% 75.000%, #83fed4 75.000% 87.500%, #75ffcd 87.500% 100.000%);
background: linear-gradient(0deg, oklch(73.62% 0.2743 328.36) 0.000% 12.500%, oklch(75.20% 0.2205 325.19) 12.500% 25.000%, oklch(77.95% 0.1433 315.68) 25.000% 37.500%, oklch(82.28% 0.0593 291.37) 37.500% 50.000%, oklch(88.19% 0.0537 195.21) 50.000% 62.500%, oklch(92.91% 0.1061 169.85) 62.500% 75.000%, oklch(91.34% 0.1268 168.79) 75.000% 87.500%, oklch(90.94% 0.1414 166.68) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.28 | 328.4 |
| 2 | 0.752 | 0.22 | 325.2 |
| 3 | 0.78 | 0.143 | 315.7 |
| 4 | 0.823 | 0.059 | 291.4 |
| 5 | 0.882 | 0.054 | 195.2 |
| 6 | 0.929 | 0.112 | 169.8 |
| 7 | 0.913 | 0.127 | 168.8 |
| 8 | 0.909 | 0.147 | 166.7 |

## In these collections

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

## Other forms

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