# Teal, orange and crimson coral palette

The Teal, orange and crimson coral palette brings together teal, light green, pale orange, light orange, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Teal, off-white, peach and red linear gradient
- Seed: `karkqGbxG9viLNVsnzxYLQ-NTCvtDvT7g`
- Page: https://grabient.com/karkqGbxG9viLNVsnzxYLQ-NTCvtDvT7g?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, warm, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 4.9 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 | `#3baea6` | `oklch(68.50% 0.1020 188.44)` | Waterfall | black, 7.7 to 1 |
| 2 | `#51b5ac` | `oklch(71.14% 0.0944 187.02)` | Emerald Wave | black, 8.5 to 1 |
| 3 | `#6cbfb5` | `oklch(74.97% 0.0834 185.71)` | Fiesta Blue | black, 9.7 to 1 |
| 4 | `#87cbc0` | `oklch(79.32% 0.0710 183.37)` | Deco-Rate | black, 11.3 to 1 |
| 5 | `#a0d6ca` | `oklch(83.53% 0.0590 178.88)` | Yucca Cream | black, 12.9 to 1 |
| 6 | `#b4dfd0` | `oklch(86.95% 0.0494 171.11)` | Jade Sea | black, 14.4 to 1 |
| 7 | `#c6e5d2` | `oklch(89.44% 0.0425 158.30)` | Mint Smoothie | black, 15.5 to 1 |
| 8 | `#d7ead3` | `oklch(91.59% 0.0363 140.37)` | Chic Green | black, 16.5 to 1 |
| 9 | `#e6ecd5` | `oklch(93.29% 0.0314 120.10)` | Lime Meringue | black, 17.3 to 1 |
| 10 | `#f1eed8` | `oklch(94.44% 0.0289 100.32)` | Perfect Solution | black, 17.8 to 1 |
| 11 | `#f8edd9` | `oklch(94.90% 0.0293 83.85)` | Venetian Lace | black, 18 to 1 |
| 12 | `#fbead5` | `oklch(94.49% 0.0338 72.63)` | Princess Ivory | black, 17.8 to 1 |
| 13 | `#fde3cb` | `oklch(93.09% 0.0426 64.77)` | Playful Peach | black, 17 to 1 |
| 14 | `#fedabe` | `oklch(91.03% 0.0542 59.18)` | Delicate Dawn | black, 15.9 to 1 |
| 15 | `#fecfb0` | `oklch(88.68% 0.0670 54.91)` | Vintage Peach | black, 14.7 to 1 |
| 16 | `#fec4a3` | `oklch(86.42% 0.0797 51.04)` | Tomorrow’s Coral | black, 13.6 to 1 |
| 17 | `#feba99` | `oklch(84.52% 0.0910 46.87)` | Cream Puff | black, 12.7 to 1 |
| 18 | `#ffb190` | `oklch(82.69% 0.1021 43.34)` | Orange Grove | black, 11.9 to 1 |
| 19 | `#ffa788` | `oklch(80.86% 0.1130 40.45)` | Super Sepia | black, 11.1 to 1 |
| 20 | `#ff9d7f` | `oklch(79.03% 0.1246 37.98)` | Creamy Orange Blush | black, 10.4 to 1 |
| 21 | `#ff9377` | `oklch(77.20% 0.1367 35.69)` | Coralistic | black, 9.7 to 1 |
| 22 | `#fe8970` | `oklch(75.38% 0.1465 33.39)` | Miami Coral | black, 9 to 1 |
| 23 | `#fc806a` | `oklch(73.64% 0.1563 31.30)` | Sunset Papaya | black, 8.4 to 1 |
| 24 | `#fb7665` | `oklch(71.94% 0.1657 29.44)` | Peachy Pinky | black, 7.8 to 1 |
| 25 | `#f86d60` | `oklch(70.18% 0.1739 27.72)` | Coral Quartz | black, 7.3 to 1 |
| 26 | `#f4635b` | `oklch(68.28% 0.1801 26.06)` | Jinzamomi Pink | black, 6.7 to 1 |
| 27 | `#ee5a58` | `oklch(66.16% 0.1836 24.35)` | Amour | black, 6.2 to 1 |
| 28 | `#e45155` | `oklch(63.52% 0.1833 22.49)` | Red Arremer | black, 5.6 to 1 |
| 29 | `#d84851` | `oklch(60.52% 0.1800 20.59)` | Faded Red | black, 4.9 to 1 |
| 30 | `#cc404e` | `oklch(57.54% 0.1754 18.80)` | Feverish Pink | white, 4.7 to 1 |
| 31 | `#c1394c` | `oklch(54.96% 0.1709 17.28)` | Fire-Breathing Dragon | white, 5.3 to 1 |
| 32 | `#b93549` | `oklch(53.15% 0.1681 16.19)` | Rust Effect | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #3baea6 0.0%, #51b5ac 3.2%, #6cbfb5 6.5%, #87cbc0 9.7%, #a0d6ca 12.9%, #b4dfd0 16.1%, #c6e5d2 19.4%, #d7ead3 22.6%, #e6ecd5 25.8%, #f1eed8 29.0%, #f8edd9 32.3%, #fbead5 35.5%, #fde3cb 38.7%, #fedabe 41.9%, #fecfb0 45.2%, #fec4a3 48.4%, #feba99 51.6%, #ffb190 54.8%, #ffa788 58.1%, #ff9d7f 61.3%, #ff9377 64.5%, #fe8970 67.7%, #fc806a 71.0%, #fb7665 74.2%, #f86d60 77.4%, #f4635b 80.6%, #ee5a58 83.9%, #e45155 87.1%, #d84851 90.3%, #cc404e 93.5%, #c1394c 96.8%, #b93549 100.0%);
background: linear-gradient(135deg in oklch, oklch(68.50% 0.1020 188.44) 0.0%, oklch(71.14% 0.0944 187.02) 3.2%, oklch(74.97% 0.0834 185.71) 6.5%, oklch(79.32% 0.0710 183.37) 9.7%, oklch(83.53% 0.0590 178.88) 12.9%, oklch(86.95% 0.0494 171.11) 16.1%, oklch(89.44% 0.0425 158.30) 19.4%, oklch(91.59% 0.0363 140.37) 22.6%, oklch(93.29% 0.0314 120.10) 25.8%, oklch(94.44% 0.0289 100.32) 29.0%, oklch(94.90% 0.0293 83.85) 32.3%, oklch(94.49% 0.0338 72.63) 35.5%, oklch(93.09% 0.0426 64.77) 38.7%, oklch(91.03% 0.0542 59.18) 41.9%, oklch(88.68% 0.0670 54.91) 45.2%, oklch(86.42% 0.0797 51.04) 48.4%, oklch(84.52% 0.0910 46.87) 51.6%, oklch(82.69% 0.1021 43.34) 54.8%, oklch(80.86% 0.1130 40.45) 58.1%, oklch(79.03% 0.1246 37.98) 61.3%, oklch(77.20% 0.1367 35.69) 64.5%, oklch(75.38% 0.1465 33.39) 67.7%, oklch(73.64% 0.1563 31.30) 71.0%, oklch(71.94% 0.1657 29.44) 74.2%, oklch(70.18% 0.1739 27.72) 77.4%, oklch(68.28% 0.1801 26.06) 80.6%, oklch(66.16% 0.1836 24.35) 83.9%, oklch(63.52% 0.1833 22.49) 87.1%, oklch(60.52% 0.1800 20.59) 90.3%, oklch(57.54% 0.1754 18.80) 93.5%, oklch(54.96% 0.1709 17.28) 96.8%, oklch(53.15% 0.1681 16.19) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.685 | 0.102 | 188.4 |
| 2 | 0.874 | 0.048 | 169.4 |
| 3 | 0.949 | 0.03 | 79.6 |
| 4 | 0.854 | 0.085 | 48.9 |
| 5 | 0.76 | 0.143 | 34.2 |
| 6 | 0.665 | 0.183 | 24.6 |
| 7 | 0.531 | 0.168 | 16.2 |

## In these collections

- [Coral color palette](https://grabient.com/coral-color-palette)

## Other forms

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