# Teal and orange rainbow palette

The Teal and orange rainbow palette brings together teal, blue, purple, red, orange, gold, and green. 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 angular gradient
- Seed: `kcvHuKw9dHEtTxVN0En2kVDew6RLWyMVXj3GY`
- Page: https://grabient.com/kcvHuKw9dHEtTxVN0En2kVDew6RLWyMVXj3GY?style=angularGradient&steps=56&angle=225
- Drawn as: angular gradient, 56 steps, 225 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 | `#00c3c3` | `oklch(74.02% 0.1263 194.77)` | Cala Benirrás Blue | black, 9.6 to 1 |
| 2 | `#00bcc3` | `oklch(72.18% 0.1227 199.62)` | Panorama Blue | black, 8.9 to 1 |
| 3 | `#00b1c1` | `oklch(69.54% 0.1190 206.20)` | Antigua Blue | black, 8 to 1 |
| 4 | `#00a5bf` | `oklch(66.37% 0.1167 214.04)` | Maui | black, 7.1 to 1 |
| 5 | `#0098bc` | `oklch(62.97% 0.1170 222.69)` | Serene Blue | black, 6.2 to 1 |
| 6 | `#008bba` | `oklch(59.65% 0.1212 231.67)` | Hawaiian Surf | black, 5.3 to 1 |
| 7 | `#007ebb` | `oklch(56.68% 0.1310 240.52)` | Meissen Blue | black, 4.7 to 1 |
| 8 | `#0073c2` | `oklch(54.38% 0.1492 248.77)` | French Blue | white, 4.9 to 1 |
| 9 | `#0068d1` | `oklch(53.03% 0.1808 255.97)` | Royal Navy Blue | white, 5.3 to 1 |
| 10 | `#0257f3` | `oklch(52.62% 0.2426 262.04)` | Megaman Helmet | white, 5.7 to 1 |
| 11 | `#3153f5` | `oklch(52.94% 0.2429 267.40)` | Veteran’s Day Blue | white, 5.7 to 1 |
| 12 | `#4751f6` | `oklch(53.77% 0.2417 272.36)` | Saturated Sky | white, 5.5 to 1 |
| 13 | `#5950f8` | `oklch(54.94% 0.2394 277.26)` | Sylph of Moonlight | white, 5.3 to 1 |
| 14 | `#6a51f8` | `oklch(56.26% 0.2366 282.43)` | Pink OCD | white, 5 to 1 |
| 15 | `#7a51f7` | `oklch(57.53% 0.2337 288.19)` | Venetian Nights | white, 4.8 to 1 |
| 16 | `#8b4ff3` | `oklch(58.57% 0.2313 294.90)` | Pericallis Hybrida | white, 4.6 to 1 |
| 17 | `#9b4beb` | `oklch(59.19% 0.2298 302.89)` | Chaste Blossoms | black, 4.5 to 1 |
| 18 | `#ac44dd` | `oklch(59.51% 0.2288 312.65)` | Magenta Affair | black, 4.6 to 1 |
| 19 | `#bc3cca` | `oklch(59.68% 0.2279 323.82)` | Ultraviolet Berl | black, 4.6 to 1 |
| 20 | `#cb33b2` | `oklch(59.76% 0.2271 335.82)` | Purple Pink | black, 4.6 to 1 |
| 21 | `#d72a97` | `oklch(59.82% 0.2263 348.07)` | Dark Princess Pink | black, 4.6 to 1 |
| 22 | `#e0237b` | `oklch(59.94% 0.2252 359.97)` | Mystic Magenta | black, 4.6 to 1 |
| 23 | `#e6235f` | `oklch(60.19% 0.2237 10.96)` | Radiant Raspberry | black, 4.7 to 1 |
| 24 | `#e92a45` | `oklch(60.64% 0.2218 20.45)` | Charismatic Red | black, 4.8 to 1 |
| 25 | `#eb342d` | `oklch(61.36% 0.2193 27.92)` | Krasnyi Red | black, 5 to 1 |
| 26 | `#ec3e15` | `oklch(62.28% 0.2162 33.56)` | Chilli Crab | black, 5.2 to 1 |
| 27 | `#ec4a00` | `oklch(63.34% 0.2082 37.81)` | Kimchi | black, 5.5 to 1 |
| 28 | `#eb5600` | `oklch(64.54% 0.1981 41.11)` | Jokaero Orange | black, 5.8 to 1 |
| 29 | `#ec5f00` | `oklch(65.85% 0.1921 43.85)` | Shu Red | black, 6.2 to 1 |
| 30 | `#ee6700` | `oklch(67.25% 0.1877 46.44)` | Royal Flycatcher Crest | black, 6.6 to 1 |
| 31 | `#f07000` | `oklch(68.71% 0.1836 49.27)` | Supernatural Saffron | black, 7 to 1 |
| 32 | `#f27800` | `oklch(70.21% 0.1788 52.76)` | Mee-hua Sunset | black, 7.4 to 1 |
| 33 | `#f28200` | `oklch(71.84% 0.1736 57.13)` | Mikan Orange | black, 8 to 1 |
| 34 | `#f58d00` | `oklch(73.92% 0.1704 61.83)` | Shiritorier’s Orange | black, 8.6 to 1 |
| 35 | `#f89900` | `oklch(76.31% 0.1690 66.73)` | DodgeRoll Gold | black, 9.5 to 1 |
| 36 | `#fba500` | `oklch(78.77% 0.1689 71.80)` | California Girl | black, 10.4 to 1 |
| 37 | `#fdb00f` | `oklch(81.09% 0.1675 77.02)` | Yellow Orange | black, 11.4 to 1 |
| 38 | `#fbbb24` | `oklch(83.06% 0.1635 82.34)` | Orange Yellow | black, 12.2 to 1 |
| 39 | `#f8c430` | `oklch(84.45% 0.1608 87.73)` | Saffron | black, 12.9 to 1 |
| 40 | `#f2ca36` | `oklch(85.05% 0.1598 93.17)` | Lemonade Stand | black, 13.3 to 1 |
| 41 | `#e8cd35` | `oklch(84.58% 0.1611 98.62)` | Soleil | black, 13.1 to 1 |
| 42 | `#d9cc2b` | `oklch(82.99% 0.1652 104.11)` | LED Green | black, 12.5 to 1 |
| 43 | `#c8c819` | `oklch(80.60% 0.1712 109.66)` | Dirty Yellow | black, 11.7 to 1 |
| 44 | `#b3c300` | `oklch(77.74% 0.1766 115.30)` | Bile | black, 10.6 to 1 |
| 45 | `#9dbd00` | `oklch(74.73% 0.1794 121.05)` | Gameboy Light | black, 9.7 to 1 |
| 46 | `#85b800` | `oklch(71.92% 0.1854 126.95)` | Dark Lime | black, 8.8 to 1 |
| 47 | `#69b500` | `oklch(69.64% 0.1965 133.01)` | Leaf Sheep | black, 8.2 to 1 |
| 48 | `#4bb425` | `oklch(68.22% 0.1997 139.26)` | Kermit Green | black, 7.8 to 1 |
| 49 | `#1ab640` | `oklch(67.80% 0.1994 146.04)` | Try Your Luck | black, 7.8 to 1 |
| 50 | `#00b664` | `oklch(68.06% 0.1728 153.67)` | Future Hair | black, 7.8 to 1 |
| 51 | `#00b77d` | `oklch(68.83% 0.1515 161.75)` | April Fool’s Red | black, 8 to 1 |
| 52 | `#00b991` | `oklch(69.92% 0.1386 169.90)` | Green Velour | black, 8.3 to 1 |
| 53 | `#00bca2` | `oklch(71.16% 0.1312 177.71)` | Capture | black, 8.7 to 1 |
| 54 | `#00bfb0` | `oklch(72.38% 0.1277 184.79)` | Turquoise Topaz | black, 9 to 1 |
| 55 | `#00c2bb` | `oklch(73.39% 0.1264 190.72)` | Cala Benirrás Blue | black, 9.4 to 1 |
| 56 | `#00c3c4` | `oklch(74.02% 0.1263 195.12)` | Cala Benirrás Blue | black, 9.6 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #00c3c3 0.0%, #00bcc3 1.8%, #00b1c1 3.6%, #00a5bf 5.5%, #0098bc 7.3%, #008bba 9.1%, #007ebb 10.9%, #0073c2 12.7%, #0068d1 14.5%, #0257f3 16.4%, #3153f5 18.2%, #4751f6 20.0%, #5950f8 21.8%, #6a51f8 23.6%, #7a51f7 25.5%, #8b4ff3 27.3%, #9b4beb 29.1%, #ac44dd 30.9%, #bc3cca 32.7%, #cb33b2 34.5%, #d72a97 36.4%, #e0237b 38.2%, #e6235f 40.0%, #e92a45 41.8%, #eb342d 43.6%, #ec3e15 45.5%, #ec4a00 47.3%, #eb5600 49.1%, #ec5f00 50.9%, #ee6700 52.7%, #f07000 54.5%, #f27800 56.4%, #f28200 58.2%, #f58d00 60.0%, #f89900 61.8%, #fba500 63.6%, #fdb00f 65.5%, #fbbb24 67.3%, #f8c430 69.1%, #f2ca36 70.9%, #e8cd35 72.7%, #d9cc2b 74.5%, #c8c819 76.4%, #b3c300 78.2%, #9dbd00 80.0%, #85b800 81.8%, #69b500 83.6%, #4bb425 85.5%, #1ab640 87.3%, #00b664 89.1%, #00b77d 90.9%, #00b991 92.7%, #00bca2 94.5%, #00bfb0 96.4%, #00c2bb 98.2%, #00c3c4 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(74.02% 0.1263 194.77) 0.0%, oklch(72.18% 0.1227 199.62) 1.8%, oklch(69.54% 0.1190 206.20) 3.6%, oklch(66.37% 0.1167 214.04) 5.5%, oklch(62.97% 0.1170 222.69) 7.3%, oklch(59.65% 0.1212 231.67) 9.1%, oklch(56.68% 0.1310 240.52) 10.9%, oklch(54.38% 0.1492 248.77) 12.7%, oklch(53.03% 0.1808 255.97) 14.5%, oklch(52.62% 0.2426 262.04) 16.4%, oklch(52.94% 0.2429 267.40) 18.2%, oklch(53.77% 0.2417 272.36) 20.0%, oklch(54.94% 0.2394 277.26) 21.8%, oklch(56.26% 0.2366 282.43) 23.6%, oklch(57.53% 0.2337 288.19) 25.5%, oklch(58.57% 0.2313 294.90) 27.3%, oklch(59.19% 0.2298 302.89) 29.1%, oklch(59.51% 0.2288 312.65) 30.9%, oklch(59.68% 0.2279 323.82) 32.7%, oklch(59.76% 0.2271 335.82) 34.5%, oklch(59.82% 0.2263 348.07) 36.4%, oklch(59.94% 0.2252 359.97) 38.2%, oklch(60.19% 0.2237 10.96) 40.0%, oklch(60.64% 0.2218 20.45) 41.8%, oklch(61.36% 0.2193 27.92) 43.6%, oklch(62.28% 0.2162 33.56) 45.5%, oklch(63.34% 0.2082 37.81) 47.3%, oklch(64.54% 0.1981 41.11) 49.1%, oklch(65.85% 0.1921 43.85) 50.9%, oklch(67.25% 0.1877 46.44) 52.7%, oklch(68.71% 0.1836 49.27) 54.5%, oklch(70.21% 0.1788 52.76) 56.4%, oklch(71.84% 0.1736 57.13) 58.2%, oklch(73.92% 0.1704 61.83) 60.0%, oklch(76.31% 0.1690 66.73) 61.8%, oklch(78.77% 0.1689 71.80) 63.6%, oklch(81.09% 0.1675 77.02) 65.5%, oklch(83.06% 0.1635 82.34) 67.3%, oklch(84.45% 0.1608 87.73) 69.1%, oklch(85.05% 0.1598 93.17) 70.9%, oklch(84.58% 0.1611 98.62) 72.7%, oklch(82.99% 0.1652 104.11) 74.5%, oklch(80.60% 0.1712 109.66) 76.4%, oklch(77.74% 0.1766 115.30) 78.2%, oklch(74.73% 0.1794 121.05) 80.0%, oklch(71.92% 0.1854 126.95) 81.8%, oklch(69.64% 0.1965 133.01) 83.6%, oklch(68.22% 0.1997 139.26) 85.5%, oklch(67.80% 0.1994 146.04) 87.3%, oklch(68.06% 0.1728 153.67) 89.1%, oklch(68.83% 0.1515 161.75) 90.9%, oklch(69.92% 0.1386 169.90) 92.7%, oklch(71.16% 0.1312 177.71) 94.5%, oklch(72.38% 0.1277 184.79) 96.4%, oklch(73.39% 0.1264 190.72) 98.2%, oklch(74.02% 0.1263 195.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.74 | 0.169 | 194.8 |
| 2 | 0.531 | 0.24 | 255 |
| 3 | 0.591 | 0.23 | 300.4 |
| 4 | 0.61 | 0.22 | 385 |
| 5 | 0.709 | 0.19 | 414.6 |
| 6 | 0.85 | 0.16 | 454.7 |
| 7 | 0.681 | 0.2 | 500.2 |
| 8 | 0.74 | 0.169 | 555.1 |

## In these collections

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

## Other forms

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