# Teal, crimson and magenta vivid multicolor palette

The Teal, crimson and magenta vivid multicolor palette brings together green, orange, red, and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is magenta.

- Also called: Vivid teal, red and pink angular gradient
- Seed: `kank13yZ68r6dtO-xbxyNK_dHePrUZb3g`
- Page: https://grabient.com/kank13yZ68r6dtO-xbxyNK_dHePrUZb3g?style=angularGradient&steps=10&angle=180
- Drawn as: angular gradient, 10 steps, 180 degrees
- Kinds: vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#359b7a` | `oklch(62.20% 0.1061 168.05)` | Dancing Jewel | black, 6.1 to 1 |
| 2 | `#4f9068` | `oklch(59.80% 0.0908 155.60)` | Illuminati Green | black, 5.5 to 1 |
| 3 | `#72763f` | `oklch(54.99% 0.0775 112.08)` | Crocodile Style | white, 4.7 to 1 |
| 4 | `#875237` | `oklch(49.21% 0.0813 47.58)` | Charred Clay | white, 6.3 to 1 |
| 5 | `#a42c30` | `oklch(48.31% 0.1561 23.62)` | Red Brown | white, 7 to 1 |
| 6 | `#c0003f` | `oklch(51.29% 0.2051 14.95)` | Traditional Rose | white, 6.3 to 1 |
| 7 | `#dd024e` | `oklch(57.09% 0.2274 13.76)` | UA Red | white, 5 to 1 |
| 8 | `#f5006b` | `oklch(62.23% 0.2493 7.43)` | Ruby Fire | black, 5.1 to 1 |
| 9 | `#ff0d91` | `oklch(65.28% 0.2626 357.40)` | Electric Pink | black, 5.7 to 1 |
| 10 | `#fd00b5` | `oklch(66.14% 0.2797 346.29)` | Bubblegum Bright | black, 5.8 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #359b7a 0.0%, #4f9068 11.1%, #72763f 22.2%, #875237 33.3%, #a42c30 44.4%, #c0003f 55.6%, #dd024e 66.7%, #f5006b 77.8%, #ff0d91 88.9%, #fd00b5 100.0%);
background: conic-gradient(from 180deg in oklch, oklch(62.20% 0.1061 168.05) 0.0%, oklch(59.80% 0.0908 155.60) 11.1%, oklch(54.99% 0.0775 112.08) 22.2%, oklch(49.21% 0.0813 47.58) 33.3%, oklch(48.31% 0.1561 23.62) 44.4%, oklch(51.29% 0.2051 14.95) 55.6%, oklch(57.09% 0.2274 13.76) 66.7%, oklch(62.23% 0.2493 7.43) 77.8%, oklch(65.28% 0.2626 357.40) 88.9%, oklch(66.14% 0.2797 346.29) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.622 | 0.106 | 168 |
| 2 | 0.579 | 0.084 | 140.6 |
| 3 | 0.492 | 0.081 | 47.6 |
| 4 | 0.492 | 0.192 | 18 |
| 5 | 0.571 | 0.227 | 13.8 |
| 6 | 0.642 | 0.259 | 3.2 |
| 7 | 0.661 | 0.28 | -13.7 |

## In these collections

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

## Other forms

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