# Crimson, ochre and teal vivid multicolor palette

The Crimson, ochre and teal vivid multicolor palette brings together red, orange, gold, green, and teal. 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 red, and its lightest tone is gold.

- Also called: Neon red, orange, green and teal linear gradient
- Seed: `kWorUQVszB2U-Q_iTEj5DJEo`
- Page: https://grabient.com/kWorUQVszB2U-Q_iTEj5DJEo?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, neon, multicolor
- Hues: wide
- 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 | `#ff1b3d` | `oklch(63.78% 0.2481 22.50)` | Future Fuchsia | black, 5.4 to 1 |
| 2 | `#ff233b` | `oklch(64.07% 0.2450 23.64)` | Future Fuchsia | black, 5.5 to 1 |
| 3 | `#ff2a38` | `oklch(64.41% 0.2415 25.02)` | In the Red | black, 5.6 to 1 |
| 4 | `#ff3234` | `oklch(64.82% 0.2373 26.66)` | Pelati | black, 5.7 to 1 |
| 5 | `#fe3b30` | `oklch(65.30% 0.2319 28.57)` | Redshift | black, 5.8 to 1 |
| 6 | `#fe432c` | `oklch(65.87% 0.2262 30.76)` | Hotspot | black, 6 to 1 |
| 7 | `#fe4b26` | `oklch(66.57% 0.2204 33.24)` | Flame Angelfish | black, 6.2 to 1 |
| 8 | `#fe5420` | `oklch(67.39% 0.2148 36.04)` | Smashing Pumpkins | black, 6.4 to 1 |
| 9 | `#ff5c18` | `oklch(68.38% 0.2095 39.15)` | Giants Orange | black, 6.7 to 1 |
| 10 | `#ff6716` | `oklch(69.70% 0.2020 42.33)` | Orange Piñata | black, 7.1 to 1 |
| 11 | `#ff731e` | `oklch(71.32% 0.1915 45.59)` | Pumpkin | black, 7.7 to 1 |
| 12 | `#ff7f28` | `oklch(73.10% 0.1808 49.11)` | Orange You Happy? | black, 8.2 to 1 |
| 13 | `#ff8a30` | `oklch(74.91% 0.1711 53.02)` | Bright Mango | black, 8.9 to 1 |
| 14 | `#ff9435` | `oklch(76.61% 0.1642 57.50)` | Energy Orange | black, 9.5 to 1 |
| 15 | `#ff9d32` | `oklch(78.08% 0.1617 62.69)` | Blazing Bonfire | black, 10.1 to 1 |
| 16 | `#ffa41e` | `oklch(79.16% 0.1666 68.76)` | Mango | black, 10.5 to 1 |
| 17 | `#faab00` | `oklch(79.76% 0.1676 75.94)` | Beer | black, 10.8 to 1 |
| 18 | `#eeb300` | `oklch(79.88% 0.1638 84.77)` | Rucksack Tan | black, 11 to 1 |
| 19 | `#deba00` | `oklch(79.65% 0.1635 94.84)` | Plague Brown | black, 11.1 to 1 |
| 20 | `#cbc000` | `oklch(79.18% 0.1685 105.67)` | Cricket Chirping | black, 11 to 1 |
| 21 | `#b3c700` | `oklch(78.58% 0.1808 116.73)` | Leafy Seadragon | black, 11 to 1 |
| 22 | `#93cd00` | `oklch(77.98% 0.2026 127.53)` | Viric Green | black, 11 to 1 |
| 23 | `#6cd33b` | `oklch(77.47% 0.2086 137.56)` | Verdant Fields | black, 10.9 to 1 |
| 24 | `#3bd65a` | `oklch(77.19% 0.2098 146.32)` | Brazilianite | black, 10.9 to 1 |
| 25 | `#00d777` | `oklch(77.17% 0.1957 153.72)` | Benzol Green | black, 11 to 1 |
| 26 | `#00d68f` | `oklch(77.29% 0.1733 160.54)` | Envy’s Love | black, 10.9 to 1 |
| 27 | `#00d5a0` | `oklch(77.50% 0.1593 166.78)` | Wild Caribbean Green | black, 11 to 1 |
| 28 | `#00d5ac` | `oklch(77.77% 0.1502 172.42)` | Channel Marker Green | black, 11.1 to 1 |
| 29 | `#00d5b7` | `oklch(78.07% 0.1443 177.43)` | Channel Marker Green | black, 11.1 to 1 |
| 30 | `#00d5bf` | `oklch(78.35% 0.1405 181.78)` | Turquoise Panic | black, 11.2 to 1 |
| 31 | `#00d5c5` | `oklch(78.59% 0.1382 185.45)` | Turquoise Panic | black, 11.3 to 1 |
| 32 | `#00d5cb` | `oklch(78.74% 0.1367 188.41)` | Turquoise Panic | black, 11.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ff1b3d 0.0%, #ff233b 3.2%, #ff2a38 6.5%, #ff3234 9.7%, #fe3b30 12.9%, #fe432c 16.1%, #fe4b26 19.4%, #fe5420 22.6%, #ff5c18 25.8%, #ff6716 29.0%, #ff731e 32.3%, #ff7f28 35.5%, #ff8a30 38.7%, #ff9435 41.9%, #ff9d32 45.2%, #ffa41e 48.4%, #faab00 51.6%, #eeb300 54.8%, #deba00 58.1%, #cbc000 61.3%, #b3c700 64.5%, #93cd00 67.7%, #6cd33b 71.0%, #3bd65a 74.2%, #00d777 77.4%, #00d68f 80.6%, #00d5a0 83.9%, #00d5ac 87.1%, #00d5b7 90.3%, #00d5bf 93.5%, #00d5c5 96.8%, #00d5cb 100.0%);
background: linear-gradient(90deg in oklch, oklch(63.78% 0.2481 22.50) 0.0%, oklch(64.07% 0.2450 23.64) 3.2%, oklch(64.41% 0.2415 25.02) 6.5%, oklch(64.82% 0.2373 26.66) 9.7%, oklch(65.30% 0.2319 28.57) 12.9%, oklch(65.87% 0.2262 30.76) 16.1%, oklch(66.57% 0.2204 33.24) 19.4%, oklch(67.39% 0.2148 36.04) 22.6%, oklch(68.38% 0.2095 39.15) 25.8%, oklch(69.70% 0.2020 42.33) 29.0%, oklch(71.32% 0.1915 45.59) 32.3%, oklch(73.10% 0.1808 49.11) 35.5%, oklch(74.91% 0.1711 53.02) 38.7%, oklch(76.61% 0.1642 57.50) 41.9%, oklch(78.08% 0.1617 62.69) 45.2%, oklch(79.16% 0.1666 68.76) 48.4%, oklch(79.76% 0.1676 75.94) 51.6%, oklch(79.88% 0.1638 84.77) 54.8%, oklch(79.65% 0.1635 94.84) 58.1%, oklch(79.18% 0.1685 105.67) 61.3%, oklch(78.58% 0.1808 116.73) 64.5%, oklch(77.98% 0.2026 127.53) 67.7%, oklch(77.47% 0.2086 137.56) 71.0%, oklch(77.19% 0.2098 146.32) 74.2%, oklch(77.17% 0.1957 153.72) 77.4%, oklch(77.29% 0.1733 160.54) 80.6%, oklch(77.50% 0.1593 166.78) 83.9%, oklch(77.77% 0.1502 172.42) 87.1%, oklch(78.07% 0.1443 177.43) 90.3%, oklch(78.35% 0.1405 181.78) 93.5%, oklch(78.59% 0.1382 185.45) 96.8%, oklch(78.74% 0.1367 188.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.249 | 22.5 |
| 2 | 0.681 | 0.211 | 38.4 |
| 3 | 0.795 | 0.171 | 72.2 |
| 4 | 0.772 | 0.209 | 148.3 |
| 5 | 0.787 | 0.138 | 188.4 |

## In these collections

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

## Other forms

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