# Coral, lime and turquoise color palette

The Coral, lime and turquoise color palette brings together red, orange, gold, green, teal, and blue. The colors span a moderate lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Salmon, peach, teal and blue radial gradient
- Seed: `kYuXkT47BBu6sxXjqsk1ilF8Onws`
- Page: https://grabient.com/kYuXkT47BBu6sxXjqsk1ilF8Onws?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light center, pastel, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 3.4 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 | `#ff786b` | `oklch(72.83% 0.1667 27.42)` | Salmon | black, 8.1 to 1 |
| 2 | `#ff7c6c` | `oklch(73.38% 0.1629 28.62)` | Hipster Salmon | black, 8.3 to 1 |
| 3 | `#ff806e` | `oklch(74.09% 0.1573 29.98)` | Smoked Salmon | black, 8.5 to 1 |
| 4 | `#fe8670` | `oklch(74.96% 0.1508 31.71)` | Miami Coral | black, 8.8 to 1 |
| 5 | `#fe8c72` | `oklch(75.93% 0.1441 34.02)` | Alexandria | black, 9.2 to 1 |
| 6 | `#fe9373` | `oklch(77.00% 0.1379 37.13)` | Alexandria | black, 9.6 to 1 |
| 7 | `#ff9973` | `oklch(78.12% 0.1330 41.25)` | Flash in the Pan | black, 10 to 1 |
| 8 | `#ffa173` | `oklch(79.43% 0.1276 46.44)` | Butternut | black, 10.5 to 1 |
| 9 | `#ffab76` | `oklch(81.15% 0.1209 52.45)` | Larch Bolete | black, 11.3 to 1 |
| 10 | `#ffb579` | `oklch(83.01% 0.1153 59.29)` | Isn’t It Just Peachy | black, 12.1 to 1 |
| 11 | `#ffbe7a` | `oklch(84.77% 0.1134 66.96)` | Nouveau-Riche | black, 12.9 to 1 |
| 12 | `#ffc674` | `oklch(86.16% 0.1194 75.45)` | Liquid Gold | black, 13.6 to 1 |
| 13 | `#f9ce6f` | `oklch(86.93% 0.1231 84.76)` | Bright Yarrow | black, 14 to 1 |
| 14 | `#edd371` | `oklch(86.86% 0.1219 95.15)` | Funky Yellow | black, 14.1 to 1 |
| 15 | `#dad775` | `oklch(86.05% 0.1209 107.32)` | Moist Gold | black, 13.9 to 1 |
| 16 | `#c2d97d` | `oklch(84.70% 0.1200 120.67)` | Pancotto Pugliese | black, 13.4 to 1 |
| 17 | `#a6d989` | `oklch(83.00% 0.1191 134.44)` | Feijoa | black, 12.8 to 1 |
| 18 | `#8bd795` | `oklch(81.15% 0.1183 147.90)` | May Apple | black, 12.2 to 1 |
| 19 | `#71d3a2` | `oklch(79.34% 0.1176 160.30)` | Crystal Gem | black, 11.5 to 1 |
| 20 | `#5bcfad` | `oklch(77.72% 0.1168 171.01)` | Simply Aqua | black, 10.9 to 1 |
| 21 | `#48cab5` | `oklch(76.16% 0.1161 180.75)` | Cockatoo | black, 10.3 to 1 |
| 22 | `#39c4bc` | `oklch(74.56% 0.1154 189.76)` | Swimmers Pool | black, 9.7 to 1 |
| 23 | `#2ebdc1` | `oklch(72.89% 0.1148 198.06)` | Maximum Blue Green | black, 9.1 to 1 |
| 24 | `#27b6c4` | `oklch(71.15% 0.1142 205.66)` | Lago Blue | black, 8.5 to 1 |
| 25 | `#26aec6` | `oklch(69.30% 0.1135 212.58)` | Havasupai Falls | black, 7.9 to 1 |
| 26 | `#27a6c5` | `oklch(67.30% 0.1129 218.83)` | True Sky Blue | black, 7.3 to 1 |
| 27 | `#289dc2` | `oklch(64.92% 0.1121 224.37)` | Major Blue | black, 6.6 to 1 |
| 28 | `#2793bc` | `oklch(62.25% 0.1114 229.20)` | Spa Dream | black, 5.9 to 1 |
| 29 | `#2689b6` | `oklch(59.50% 0.1106 233.34)` | Hidden Springs | black, 5.3 to 1 |
| 30 | `#2580af` | `oklch(56.91% 0.1099 236.83)` | Blue Bird Day | black, 4.7 to 1 |
| 31 | `#2478a9` | `oklch(54.72% 0.1093 239.69)` | Larimar Blue | white, 4.8 to 1 |
| 32 | `#2473a5` | `oklch(53.15% 0.1089 241.94)` | Quarterdeck | white, 5.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ff786b 0.0%, #ff7c6c 3.2%, #ff806e 6.5%, #fe8670 9.7%, #fe8c72 12.9%, #fe9373 16.1%, #ff9973 19.4%, #ffa173 22.6%, #ffab76 25.8%, #ffb579 29.0%, #ffbe7a 32.3%, #ffc674 35.5%, #f9ce6f 38.7%, #edd371 41.9%, #dad775 45.2%, #c2d97d 48.4%, #a6d989 51.6%, #8bd795 54.8%, #71d3a2 58.1%, #5bcfad 61.3%, #48cab5 64.5%, #39c4bc 67.7%, #2ebdc1 71.0%, #27b6c4 74.2%, #26aec6 77.4%, #27a6c5 80.6%, #289dc2 83.9%, #2793bc 87.1%, #2689b6 90.3%, #2580af 93.5%, #2478a9 96.8%, #2473a5 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(72.83% 0.1667 27.42) 0.0%, oklch(73.38% 0.1629 28.62) 3.2%, oklch(74.09% 0.1573 29.98) 6.5%, oklch(74.96% 0.1508 31.71) 9.7%, oklch(75.93% 0.1441 34.02) 12.9%, oklch(77.00% 0.1379 37.13) 16.1%, oklch(78.12% 0.1330 41.25) 19.4%, oklch(79.43% 0.1276 46.44) 22.6%, oklch(81.15% 0.1209 52.45) 25.8%, oklch(83.01% 0.1153 59.29) 29.0%, oklch(84.77% 0.1134 66.96) 32.3%, oklch(86.16% 0.1194 75.45) 35.5%, oklch(86.93% 0.1231 84.76) 38.7%, oklch(86.86% 0.1219 95.15) 41.9%, oklch(86.05% 0.1209 107.32) 45.2%, oklch(84.70% 0.1200 120.67) 48.4%, oklch(83.00% 0.1191 134.44) 51.6%, oklch(81.15% 0.1183 147.90) 54.8%, oklch(79.34% 0.1176 160.30) 58.1%, oklch(77.72% 0.1168 171.01) 61.3%, oklch(76.16% 0.1161 180.75) 64.5%, oklch(74.56% 0.1154 189.76) 67.7%, oklch(72.89% 0.1148 198.06) 71.0%, oklch(71.15% 0.1142 205.66) 74.2%, oklch(69.30% 0.1135 212.58) 77.4%, oklch(67.30% 0.1129 218.83) 80.6%, oklch(64.92% 0.1121 224.37) 83.9%, oklch(62.25% 0.1114 229.20) 87.1%, oklch(59.50% 0.1106 233.34) 90.3%, oklch(56.91% 0.1099 236.83) 93.5%, oklch(54.72% 0.1093 239.69) 96.8%, oklch(53.15% 0.1089 241.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.728 | 0.167 | 27.4 |
| 2 | 0.783 | 0.132 | 42.2 |
| 3 | 0.87 | 0.123 | 88.7 |
| 4 | 0.783 | 0.117 | 166.9 |
| 5 | 0.677 | 0.113 | 217.6 |
| 6 | 0.531 | 0.109 | 241.9 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Summer gradients](https://grabient.com/summer-gradients)
- [Spring gradients](https://grabient.com/spring-gradients)

## Other forms

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