# Coral text palette

The Coral text palette brings together red and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits website sections and interface mockups. Its darkest tone is magenta, and its lightest tone is red.

- Also called: Vivid monochrome salmon to pink radial gradient
- Seed: `kQxV8b1j05o`
- Page: https://grabient.com/kQxV8b1j05o?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: even lightness, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 1.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 | `#fd9776` | `oklch(77.56% 0.1309 38.67)` | Hibiscus Delight | black, 9.8 to 1 |
| 2 | `#fd9677` | `oklch(77.39% 0.1316 37.74)` | Hibiscus Delight | black, 9.7 to 1 |
| 3 | `#fd9577` | `oklch(77.18% 0.1323 36.65)` | Hibiscus Delight | black, 9.7 to 1 |
| 4 | `#fc9378` | `oklch(76.95% 0.1332 35.42)` | Coralistic | black, 9.6 to 1 |
| 5 | `#fc9279` | `oklch(76.70% 0.1342 34.06)` | Coralistic | black, 9.5 to 1 |
| 6 | `#fc907a` | `oklch(76.42% 0.1352 32.57)` | Kissable | black, 9.4 to 1 |
| 7 | `#fc8e7b` | `oklch(76.12% 0.1363 30.97)` | Kissable | black, 9.3 to 1 |
| 8 | `#fb8c7d` | `oklch(75.81% 0.1375 29.27)` | Hot Calypso | black, 9.1 to 1 |
| 9 | `#fb8b7e` | `oklch(75.47% 0.1388 27.48)` | Hot Calypso | black, 9 to 1 |
| 10 | `#fb8980` | `oklch(75.13% 0.1401 25.61)` | Coral Trails | black, 8.9 to 1 |
| 11 | `#fa8681` | `oklch(74.77% 0.1415 23.68)` | Strawberry Field | black, 8.8 to 1 |
| 12 | `#f98483` | `oklch(74.39% 0.1429 21.68)` | Strawberry Field | black, 8.6 to 1 |
| 13 | `#f88285` | `oklch(74.01% 0.1443 19.63)` | Strawberry Field | black, 8.5 to 1 |
| 14 | `#f78087` | `oklch(73.62% 0.1458 17.55)` | Shell Pink | black, 8.4 to 1 |
| 15 | `#f67e8a` | `oklch(73.23% 0.1473 15.44)` | Momo Peach | black, 8.2 to 1 |
| 16 | `#f57c8c` | `oklch(72.84% 0.1488 13.32)` | Flower Blossom Pink | black, 8.1 to 1 |
| 17 | `#f47a8e` | `oklch(72.44% 0.1503 11.19)` | Flower Blossom Pink | black, 8 to 1 |
| 18 | `#f37891` | `oklch(72.04% 0.1518 9.06)` | So Charming | black, 7.8 to 1 |
| 19 | `#f17693` | `oklch(71.65% 0.1532 6.95)` | Embarrassed | black, 7.7 to 1 |
| 20 | `#f07495` | `oklch(71.26% 0.1547 4.87)` | Embarrassed | black, 7.6 to 1 |
| 21 | `#ee7398` | `oklch(70.88% 0.1561 2.83)` | Embarrassed | black, 7.5 to 1 |
| 22 | `#ed719a` | `oklch(70.51% 0.1576 0.83)` | Embarrassed | black, 7.4 to 1 |
| 23 | `#eb709d` | `oklch(70.15% 0.1589 358.89)` | Shadow Azalea Pink | black, 7.3 to 1 |
| 24 | `#e96e9f` | `oklch(69.80% 0.1602 357.02)` | Shadow Azalea Pink | black, 7.2 to 1 |
| 25 | `#e86da1` | `oklch(69.47% 0.1615 355.23)` | Shadow Azalea Pink | black, 7.1 to 1 |
| 26 | `#e66ca4` | `oklch(69.15% 0.1627 353.53)` | Amaranth | black, 7 to 1 |
| 27 | `#e46ba6` | `oklch(68.85% 0.1638 351.94)` | Amaranth | black, 6.9 to 1 |
| 28 | `#e36aa7` | `oklch(68.58% 0.1649 350.45)` | Amaranth | black, 6.8 to 1 |
| 29 | `#e169a9` | `oklch(68.32% 0.1658 349.09)` | Purple Hollyhock | black, 6.7 to 1 |
| 30 | `#e068ab` | `oklch(68.09% 0.1667 347.85)` | Purple Hollyhock | black, 6.7 to 1 |
| 31 | `#df67ac` | `oklch(67.89% 0.1675 346.77)` | Purple Hollyhock | black, 6.6 to 1 |
| 32 | `#de67ad` | `oklch(67.72% 0.1681 345.83)` | Purple Hollyhock | black, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #fd9776 0.0%, #fd9677 3.2%, #fd9577 6.5%, #fc9378 9.7%, #fc9279 12.9%, #fc907a 16.1%, #fc8e7b 19.4%, #fb8c7d 22.6%, #fb8b7e 25.8%, #fb8980 29.0%, #fa8681 32.3%, #f98483 35.5%, #f88285 38.7%, #f78087 41.9%, #f67e8a 45.2%, #f57c8c 48.4%, #f47a8e 51.6%, #f37891 54.8%, #f17693 58.1%, #f07495 61.3%, #ee7398 64.5%, #ed719a 67.7%, #eb709d 71.0%, #e96e9f 74.2%, #e86da1 77.4%, #e66ca4 80.6%, #e46ba6 83.9%, #e36aa7 87.1%, #e169a9 90.3%, #e068ab 93.5%, #df67ac 96.8%, #de67ad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.56% 0.1309 38.67) 0.0%, oklch(77.39% 0.1316 37.74) 3.2%, oklch(77.18% 0.1323 36.65) 6.5%, oklch(76.95% 0.1332 35.42) 9.7%, oklch(76.70% 0.1342 34.06) 12.9%, oklch(76.42% 0.1352 32.57) 16.1%, oklch(76.12% 0.1363 30.97) 19.4%, oklch(75.81% 0.1375 29.27) 22.6%, oklch(75.47% 0.1388 27.48) 25.8%, oklch(75.13% 0.1401 25.61) 29.0%, oklch(74.77% 0.1415 23.68) 32.3%, oklch(74.39% 0.1429 21.68) 35.5%, oklch(74.01% 0.1443 19.63) 38.7%, oklch(73.62% 0.1458 17.55) 41.9%, oklch(73.23% 0.1473 15.44) 45.2%, oklch(72.84% 0.1488 13.32) 48.4%, oklch(72.44% 0.1503 11.19) 51.6%, oklch(72.04% 0.1518 9.06) 54.8%, oklch(71.65% 0.1532 6.95) 58.1%, oklch(71.26% 0.1547 4.87) 61.3%, oklch(70.88% 0.1561 2.83) 64.5%, oklch(70.51% 0.1576 0.83) 67.7%, oklch(70.15% 0.1589 358.89) 71.0%, oklch(69.80% 0.1602 357.02) 74.2%, oklch(69.47% 0.1615 355.23) 77.4%, oklch(69.15% 0.1627 353.53) 80.6%, oklch(68.85% 0.1638 351.94) 83.9%, oklch(68.58% 0.1649 350.45) 87.1%, oklch(68.32% 0.1658 349.09) 90.3%, oklch(68.09% 0.1667 347.85) 93.5%, oklch(67.89% 0.1675 346.77) 96.8%, oklch(67.72% 0.1681 345.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.776 | 0.131 | 38.7 |
| 2 | 0.677 | 0.168 | -14.2 |

## In these collections

- [Text gradients](https://grabient.com/text-gradients)

## Other forms

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