# Teal Coral Spectral Sweep

Deep teal moves through green, lime, yellow, orange, and coral in a continuous diagonal gradient. The broad cool-to-warm path provides distinct color regions for false-color science artwork, astronomy infographics, explanatory diagrams, presentation backgrounds, and vivid analytical illustrations with both cool shadows and warm highlights.

- Also called: Black, teal, yellow and orange linear gradient
- Seed: `kUOBmWwaC8WW4NXVwziA`
- Page: https://grabient.com/kUOBmWwaC8WW4NXVwziA?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.1 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 | `#031f24` | `oklch(22.05% 0.0344 211.64)` | Stellar Explorer | white, 17.1 to 1 |
| 2 | `#042328` | `oklch(23.74% 0.0376 210.13)` | Teal Spill | white, 16.4 to 1 |
| 3 | `#04292e` | `oklch(25.92% 0.0415 208.52)` | Black Box | white, 15.3 to 1 |
| 4 | `#043036` | `oklch(28.50% 0.0461 206.72)` | Roof Tile Green | white, 14.1 to 1 |
| 5 | `#04393d` | `oklch(31.38% 0.0513 204.67)` | Customs Green | white, 12.7 to 1 |
| 6 | `#044246` | `oklch(34.50% 0.0570 202.30)` | Warm Black | white, 11.2 to 1 |
| 7 | `#034c4f` | `oklch(37.77% 0.0630 199.52)` | Dark Teal | white, 9.8 to 1 |
| 8 | `#035657` | `oklch(41.10% 0.0691 196.26)` | Overboard | white, 8.5 to 1 |
| 9 | `#03615f` | `oklch(44.40% 0.0754 192.45)` | Emerald Stone | white, 7.3 to 1 |
| 10 | `#056b65` | `oklch(47.61% 0.0816 188.02)` | Fashion Blue | white, 6.3 to 1 |
| 11 | `#0c756a` | `oklch(50.63% 0.0876 182.88)` | Hawk Turquoise | white, 5.5 to 1 |
| 12 | `#177f6c` | `oklch(53.52% 0.0935 176.86)` | Tropical Green | white, 4.9 to 1 |
| 13 | `#26896d` | `oklch(56.66% 0.0998 169.69)` | Elf | black, 4.8 to 1 |
| 14 | `#39946c` | `oklch(59.99% 0.1064 161.56)` | Illuminati Green | black, 5.6 to 1 |
| 15 | `#4e9e68` | `oklch(63.38% 0.1132 152.72)` | Basil Pesto | black, 6.4 to 1 |
| 16 | `#65a763` | `oklch(66.75% 0.1201 143.38)` | Endo | black, 7.2 to 1 |
| 17 | `#7daf5b` | `oklch(69.97% 0.1269 133.77)` | Arugula | black, 8.1 to 1 |
| 18 | `#96b550` | `oklch(72.93% 0.1335 124.14)` | Clematis Green | black, 9 to 1 |
| 19 | `#aeb945` | `oklch(75.54% 0.1398 114.69)` | Hopscotch | black, 9.8 to 1 |
| 20 | `#c4bb39` | `oklch(77.68% 0.1457 105.68)` | Humorous Green | black, 10.5 to 1 |
| 21 | `#d6bb2e` | `oklch(79.25% 0.1511 97.32)` | Indian Pale Ale | black, 11 to 1 |
| 22 | `#e5b824` | `oklch(80.13% 0.1558 89.79)` | Deli Yellow | black, 11.2 to 1 |
| 23 | `#f1b31b` | `oklch(80.21% 0.1601 82.44)` | Bellagio Gold | black, 11.1 to 1 |
| 24 | `#f9ab16` | `oklch(79.60% 0.1641 75.13)` | Gusto Gold | black, 10.8 to 1 |
| 25 | `#fea117` | `oklch(78.44% 0.1677 67.96)` | Zinnia | black, 10.3 to 1 |
| 26 | `#ff9724` | `oklch(76.89% 0.1686 61.03)` | Guava | black, 9.6 to 1 |
| 27 | `#ff8b2b` | `oklch(75.08% 0.1719 54.44)` | Instant Orange | black, 8.9 to 1 |
| 28 | `#fe8031` | `oklch(73.16% 0.1767 48.27)` | Beniukon Bronze | black, 8.3 to 1 |
| 29 | `#fb7539` | `oklch(71.28% 0.1791 42.63)` | Crayola Orange | black, 7.7 to 1 |
| 30 | `#f86c41` | `oklch(69.59% 0.1812 37.62)` | Chinese Orange | black, 7.1 to 1 |
| 31 | `#f46547` | `oklch(68.22% 0.1831 33.34)` | Opulent Orange | black, 6.7 to 1 |
| 32 | `#f25f4d` | `oklch(67.32% 0.1846 29.88)` | Hot Coral | black, 6.5 to 1 |

## CSS

```css
background: linear-gradient(45deg, #031f24 0.0%, #042328 3.2%, #04292e 6.5%, #043036 9.7%, #04393d 12.9%, #044246 16.1%, #034c4f 19.4%, #035657 22.6%, #03615f 25.8%, #056b65 29.0%, #0c756a 32.3%, #177f6c 35.5%, #26896d 38.7%, #39946c 41.9%, #4e9e68 45.2%, #65a763 48.4%, #7daf5b 51.6%, #96b550 54.8%, #aeb945 58.1%, #c4bb39 61.3%, #d6bb2e 64.5%, #e5b824 67.7%, #f1b31b 71.0%, #f9ab16 74.2%, #fea117 77.4%, #ff9724 80.6%, #ff8b2b 83.9%, #fe8031 87.1%, #fb7539 90.3%, #f86c41 93.5%, #f46547 96.8%, #f25f4d 100.0%);
background: linear-gradient(45deg in oklch, oklch(22.05% 0.0344 211.64) 0.0%, oklch(23.74% 0.0376 210.13) 3.2%, oklch(25.92% 0.0415 208.52) 6.5%, oklch(28.50% 0.0461 206.72) 9.7%, oklch(31.38% 0.0513 204.67) 12.9%, oklch(34.50% 0.0570 202.30) 16.1%, oklch(37.77% 0.0630 199.52) 19.4%, oklch(41.10% 0.0691 196.26) 22.6%, oklch(44.40% 0.0754 192.45) 25.8%, oklch(47.61% 0.0816 188.02) 29.0%, oklch(50.63% 0.0876 182.88) 32.3%, oklch(53.52% 0.0935 176.86) 35.5%, oklch(56.66% 0.0998 169.69) 38.7%, oklch(59.99% 0.1064 161.56) 41.9%, oklch(63.38% 0.1132 152.72) 45.2%, oklch(66.75% 0.1201 143.38) 48.4%, oklch(69.97% 0.1269 133.77) 51.6%, oklch(72.93% 0.1335 124.14) 54.8%, oklch(75.54% 0.1398 114.69) 58.1%, oklch(77.68% 0.1457 105.68) 61.3%, oklch(79.25% 0.1511 97.32) 64.5%, oklch(80.13% 0.1558 89.79) 67.7%, oklch(80.21% 0.1601 82.44) 71.0%, oklch(79.60% 0.1641 75.13) 74.2%, oklch(78.44% 0.1677 67.96) 77.4%, oklch(76.89% 0.1686 61.03) 80.6%, oklch(75.08% 0.1719 54.44) 83.9%, oklch(73.16% 0.1767 48.27) 87.1%, oklch(71.28% 0.1791 42.63) 90.3%, oklch(69.59% 0.1812 37.62) 93.5%, oklch(68.22% 0.1831 33.34) 96.8%, oklch(67.32% 0.1846 29.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.034 | 211.6 |
| 2 | 0.516 | 0.09 | 181 |
| 3 | 0.799 | 0.154 | 92.2 |
| 4 | 0.673 | 0.185 | 29.9 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)

## Other forms

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