# Emerald and crimson rainbow palette

The Emerald and crimson rainbow palette brings together green, teal, blue, purple, red, orange, and gold. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Seamless rainbow linear gradient
- Seed: `kcqJFj27pGcPXRxJ0EVTFBJ9lFQ3sOkS1EjFQ`
- Page: https://grabient.com/kcqJFj27pGcPXRxJ0EVTFBJ9lFQ3sOkS1EjFQ?steps=48&angle=180
- Drawn as: linear gradient, 48 steps, 180 degrees
- Kinds: vivid, rainbow, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.6 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 | `#40ae1e` | `oklch(66.14% 0.1998 139.92)` | Botanical Garden | black, 7.2 to 1 |
| 2 | `#27b23d` | `oklch(66.94% 0.1949 145.09)` | Try Your Luck | black, 7.5 to 1 |
| 3 | `#00b75e` | `oklch(68.24% 0.1792 152.08)` | Future Hair | black, 7.9 to 1 |
| 4 | `#00ba7c` | `oklch(69.75% 0.1567 160.42)` | Fennel Fiesta | black, 8.3 to 1 |
| 5 | `#00be94` | `oklch(71.15% 0.1415 169.60)` | Blarney | black, 8.7 to 1 |
| 6 | `#00bfa7` | `oklch(72.15% 0.1317 179.13)` | Turquoise | black, 9 to 1 |
| 7 | `#00bfb5` | `oklch(72.44% 0.1257 188.52)` | Turquoise Topaz | black, 9 to 1 |
| 8 | `#00bbbe` | `oklch(71.71% 0.1220 197.35)` | Jade Gravel | black, 8.8 to 1 |
| 9 | `#00b2c2` | `oklch(69.63% 0.1192 206.30)` | Antigua Blue | black, 8.1 to 1 |
| 10 | `#00a5c1` | `oklch(66.55% 0.1179 215.56)` | Maui | black, 7.1 to 1 |
| 11 | `#0097bf` | `oklch(62.94% 0.1192 224.93)` | Atomic Blue | black, 6.1 to 1 |
| 12 | `#0089bc` | `oklch(59.28% 0.1244 234.21)` | Mermaid Dreams | black, 5.2 to 1 |
| 13 | `#007bbd` | `oklch(56.06% 0.1361 243.19)` | Deep Cerulean | white, 4.5 to 1 |
| 14 | `#006fc6` | `oklch(53.75% 0.1594 251.69)` | Indigo Carmine | white, 5.1 to 1 |
| 15 | `#0061e0` | `oklch(52.72% 0.2083 259.39)` | Blue Ruin | white, 5.5 to 1 |
| 16 | `#2954f3` | `oklch(52.69% 0.2417 265.94)` | Megaman Helmet | white, 5.7 to 1 |
| 17 | `#4451f3` | `oklch(53.36% 0.2387 271.82)` | Qing Dynasty Dragon | white, 5.6 to 1 |
| 18 | `#5950f3` | `oklch(54.47% 0.2340 277.55)` | Sylph of Moonlight | white, 5.4 to 1 |
| 19 | `#6b51f1` | `oklch(55.75% 0.2286 283.67)` | Candy Grape Fizz | white, 5.1 to 1 |
| 20 | `#7d50ee` | `oklch(56.95% 0.2238 290.70)` | Candy Grape Fizz | white, 4.9 to 1 |
| 21 | `#8f4de6` | `oklch(57.80% 0.2207 299.19)` | Pericallis Hybrida | white, 4.7 to 1 |
| 22 | `#a246d9` | `oklch(58.20% 0.2198 309.83)` | Purple Yam | white, 4.7 to 1 |
| 23 | `#b53dc5` | `oklch(58.39% 0.2199 322.62)` | Ultraviolet Berl | white, 4.7 to 1 |
| 24 | `#c631ab` | `oklch(58.48% 0.2207 336.64)` | Pink Perennial | white, 4.7 to 1 |
| 25 | `#d4268c` | `oklch(58.57% 0.2216 350.94)` | Purple Heart Kiwi | white, 4.7 to 1 |
| 26 | `#dd1f6c` | `oklch(58.78% 0.2221 4.60)` | Qing Dynasty Fire | white, 4.6 to 1 |
| 27 | `#e3214d` | `oklch(59.21% 0.2218 16.69)` | Spanish Crimson | black, 4.5 to 1 |
| 28 | `#e62b2f` | `oklch(59.98% 0.2201 26.28)` | Permanent Geranium Lake | black, 4.7 to 1 |
| 29 | `#e8380f` | `oklch(61.04% 0.2171 33.22)` | Chilli Crab | black, 5 to 1 |
| 30 | `#e64a00` | `oklch(62.33% 0.2031 38.21)` | Baptism by Fire | black, 5.3 to 1 |
| 31 | `#e65700` | `oklch(63.81% 0.1928 41.94)` | Jokaero Orange | black, 5.7 to 1 |
| 32 | `#e86100` | `oklch(65.44% 0.1870 45.04)` | Spanish Orange | black, 6.1 to 1 |
| 33 | `#eb6a00` | `oklch(67.19% 0.1825 48.16)` | Epicurean Orange | black, 6.6 to 1 |
| 34 | `#ee7400` | `oklch(69.01% 0.1776 51.95)` | Supernatural Saffron | black, 7.1 to 1 |
| 35 | `#ef8000` | `oklch(70.97% 0.1719 56.92)` | Rè Dài Chéng Orange | black, 7.7 to 1 |
| 36 | `#f28d00` | `oklch(73.55% 0.1686 62.42)` | Saffron Gold | black, 8.5 to 1 |
| 37 | `#f79b00` | `oklch(76.56% 0.1678 68.19)` | DodgeRoll Gold | black, 9.6 to 1 |
| 38 | `#fba900` | `oklch(79.59% 0.1685 74.19)` | Beer | black, 10.8 to 1 |
| 39 | `#fcb71d` | `oklch(82.27% 0.1650 80.37)` | Tropical Sun | black, 11.9 to 1 |
| 40 | `#f9c32e` | `oklch(84.22% 0.1612 86.66)` | Saffron | black, 12.8 to 1 |
| 41 | `#f2ca36` | `oklch(85.06% 0.1598 93.01)` | Lemonade Stand | black, 13.3 to 1 |
| 42 | `#e5cd34` | `oklch(84.37% 0.1613 99.67)` | Soleil | black, 13.1 to 1 |
| 43 | `#d1cb2a` | `oklch(82.15% 0.1660 107.16)` | Lime Pop | black, 12.2 to 1 |
| 44 | `#b8c61c` | `oklch(78.91% 0.1729 115.04)` | Rio Grande | black, 11.1 to 1 |
| 45 | `#9abf10` | `oklch(75.16% 0.1808 122.79)` | Snot Green | black, 9.8 to 1 |
| 46 | `#7ab80f` | `oklch(71.44% 0.1886 129.91)` | Green Serpent | black, 8.7 to 1 |
| 47 | `#5bb217` | `oklch(68.26% 0.1953 135.91)` | Kermit Green | black, 7.8 to 1 |
| 48 | `#3eae20` | `oklch(66.14% 0.1998 140.27)` | Botanical Garden | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(180deg, #40ae1e 0.0%, #27b23d 2.1%, #00b75e 4.3%, #00ba7c 6.4%, #00be94 8.5%, #00bfa7 10.6%, #00bfb5 12.8%, #00bbbe 14.9%, #00b2c2 17.0%, #00a5c1 19.1%, #0097bf 21.3%, #0089bc 23.4%, #007bbd 25.5%, #006fc6 27.7%, #0061e0 29.8%, #2954f3 31.9%, #4451f3 34.0%, #5950f3 36.2%, #6b51f1 38.3%, #7d50ee 40.4%, #8f4de6 42.6%, #a246d9 44.7%, #b53dc5 46.8%, #c631ab 48.9%, #d4268c 51.1%, #dd1f6c 53.2%, #e3214d 55.3%, #e62b2f 57.4%, #e8380f 59.6%, #e64a00 61.7%, #e65700 63.8%, #e86100 66.0%, #eb6a00 68.1%, #ee7400 70.2%, #ef8000 72.3%, #f28d00 74.5%, #f79b00 76.6%, #fba900 78.7%, #fcb71d 80.9%, #f9c32e 83.0%, #f2ca36 85.1%, #e5cd34 87.2%, #d1cb2a 89.4%, #b8c61c 91.5%, #9abf10 93.6%, #7ab80f 95.7%, #5bb217 97.9%, #3eae20 100.0%);
background: linear-gradient(180deg in oklch, oklch(66.14% 0.1998 139.92) 0.0%, oklch(66.94% 0.1949 145.09) 2.1%, oklch(68.24% 0.1792 152.08) 4.3%, oklch(69.75% 0.1567 160.42) 6.4%, oklch(71.15% 0.1415 169.60) 8.5%, oklch(72.15% 0.1317 179.13) 10.6%, oklch(72.44% 0.1257 188.52) 12.8%, oklch(71.71% 0.1220 197.35) 14.9%, oklch(69.63% 0.1192 206.30) 17.0%, oklch(66.55% 0.1179 215.56) 19.1%, oklch(62.94% 0.1192 224.93) 21.3%, oklch(59.28% 0.1244 234.21) 23.4%, oklch(56.06% 0.1361 243.19) 25.5%, oklch(53.75% 0.1594 251.69) 27.7%, oklch(52.72% 0.2083 259.39) 29.8%, oklch(52.69% 0.2417 265.94) 31.9%, oklch(53.36% 0.2387 271.82) 34.0%, oklch(54.47% 0.2340 277.55) 36.2%, oklch(55.75% 0.2286 283.67) 38.3%, oklch(56.95% 0.2238 290.70) 40.4%, oklch(57.80% 0.2207 299.19) 42.6%, oklch(58.20% 0.2198 309.83) 44.7%, oklch(58.39% 0.2199 322.62) 46.8%, oklch(58.48% 0.2207 336.64) 48.9%, oklch(58.57% 0.2216 350.94) 51.1%, oklch(58.78% 0.2221 4.60) 53.2%, oklch(59.21% 0.2218 16.69) 55.3%, oklch(59.98% 0.2201 26.28) 57.4%, oklch(61.04% 0.2171 33.22) 59.6%, oklch(62.33% 0.2031 38.21) 61.7%, oklch(63.81% 0.1928 41.94) 63.8%, oklch(65.44% 0.1870 45.04) 66.0%, oklch(67.19% 0.1825 48.16) 68.1%, oklch(69.01% 0.1776 51.95) 70.2%, oklch(70.97% 0.1719 56.92) 72.3%, oklch(73.55% 0.1686 62.42) 74.5%, oklch(76.56% 0.1678 68.19) 76.6%, oklch(79.59% 0.1685 74.19) 78.7%, oklch(82.27% 0.1650 80.37) 80.9%, oklch(84.22% 0.1612 86.66) 83.0%, oklch(85.06% 0.1598 93.01) 85.1%, oklch(84.37% 0.1613 99.67) 87.2%, oklch(82.15% 0.1660 107.16) 89.4%, oklch(78.91% 0.1729 115.04) 91.5%, oklch(75.16% 0.1808 122.79) 93.6%, oklch(71.44% 0.1886 129.91) 95.7%, oklch(68.26% 0.1953 135.91) 97.9%, oklch(66.14% 0.1998 140.27) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.2 | 139.9 |
| 2 | 0.72 | 0.16 | 194.9 |
| 3 | 0.531 | 0.24 | 255.1 |
| 4 | 0.579 | 0.22 | 300.5 |
| 5 | 0.598 | 0.22 | 385.1 |
| 6 | 0.701 | 0.19 | 414.7 |
| 7 | 0.85 | 0.16 | 454.8 |
| 8 | 0.661 | 0.2 | 500.3 |

## In these collections

- [Rainbow gradients](https://grabient.com/rainbow-gradients)

## Other forms

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