# Coral color palette

The Coral color palette brings together light red and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light red.

- Also called: Seamless analogous salmon and red linear gradient
- Seed: `ka0TcbWS--0c1Py_Lr9zro_96qwBpG8Eg`
- Page: https://grabient.com/ka0TcbWS--0c1Py_Lr9zro_96qwBpG8Eg?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark center, warm, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.7 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 | `#f1b5a2` | `oklch(82.28% 0.0758 37.97)` | Wax Flower | black, 11.8 to 1 |
| 2 | `#f0ad9a` | `oklch(80.72% 0.0836 36.68)` | Salmon Run | black, 11.1 to 1 |
| 3 | `#efa390` | `oklch(78.54% 0.0950 34.83)` | Stone Fruit | black, 10.3 to 1 |
| 4 | `#ed9785` | `oklch(75.96% 0.1078 32.71)` | Guava Jelly | black, 9.3 to 1 |
| 5 | `#ea8a7a` | `oklch(73.21% 0.1201 30.58)` | Redolenc | black, 8.4 to 1 |
| 6 | `#e57e71` | `oklch(70.51% 0.1297 28.72)` | Blooming Dahlia | black, 7.5 to 1 |
| 7 | `#df7469` | `oklch(67.82% 0.1360 27.23)` | Mettwurst | black, 6.8 to 1 |
| 8 | `#d76861` | `oklch(64.88% 0.1406 25.89)` | Tory Red | black, 6 to 1 |
| 9 | `#ce5e59` | `oklch(61.88% 0.1437 24.66)` | Common Chestnut | black, 5.3 to 1 |
| 10 | `#c55452` | `oklch(59.05% 0.1455 23.53)` | Fuzzy Wuzzy Brown | black, 4.7 to 1 |
| 11 | `#bd4c4d` | `oklch(56.60% 0.1461 22.46)` | Bittersweet Shimmer | white, 4.8 to 1 |
| 12 | `#b54649` | `oklch(54.57% 0.1450 21.44)` | Winterberry Frost | white, 5.3 to 1 |
| 13 | `#ad4247` | `oklch(52.64% 0.1410 20.45)` | Daredevil | white, 5.7 to 1 |
| 14 | `#a53f45` | `oklch(50.99% 0.1356 19.54)` | Moonrose | white, 6.1 to 1 |
| 15 | `#a03d45` | `oklch(49.85% 0.1307 18.75)` | Ruby Ring | white, 6.4 to 1 |
| 16 | `#9d3d45` | `oklch(49.45% 0.1281 18.12)` | Reddest Red | white, 6.5 to 1 |
| 17 | `#a03e47` | `oklch(50.06% 0.1296 17.72)` | Eternal Flame | white, 6.4 to 1 |
| 18 | `#a8414b` | `oklch(51.79% 0.1359 17.55)` | Floriography | white, 5.9 to 1 |
| 19 | `#b4454f` | `oklch(54.30% 0.1448 17.55)` | Winterberry Frost | white, 5.3 to 1 |
| 20 | `#c14a55` | `oklch(57.19% 0.1534 17.66)` | English Coral | white, 4.7 to 1 |
| 21 | `#ce505c` | `oklch(60.08% 0.1590 17.81)` | Mandy | black, 4.9 to 1 |
| 22 | `#d75863` | `oklch(62.62% 0.1592 17.91)` | Dragon Fruit | black, 5.4 to 1 |
| 23 | `#dd626c` | `oklch(65.14% 0.1541 17.85)` | Swiss Chard | black, 6 to 1 |
| 24 | `#e36e75` | `oklch(67.72% 0.1455 17.76)` | Froly | black, 6.7 to 1 |
| 25 | `#e7797f` | `oklch(70.24% 0.1352 17.83)` | Passion Pink | black, 7.4 to 1 |
| 26 | `#ea8588` | `oklch(72.62% 0.1247 18.23)` | Apple Valley | black, 8.1 to 1 |
| 27 | `#ed8e90` | `oklch(74.75% 0.1158 19.15)` | Pink Porky | black, 8.8 to 1 |
| 28 | `#f09796` | `oklch(76.73% 0.1069 20.90)` | Funki Porcini | black, 9.5 to 1 |
| 29 | `#f2a09c` | `oklch(78.60% 0.0976 23.25)` | Pink Eraser | black, 10.3 to 1 |
| 30 | `#f3a9a1` | `oklch(80.28% 0.0887 25.76)` | Roseberry | black, 10.9 to 1 |
| 31 | `#f3afa6` | `oklch(81.66% 0.0812 27.99)` | Lusty Salmon | black, 11.5 to 1 |
| 32 | `#f4b4aa` | `oklch(82.68% 0.0758 29.51)` | Warm Heart | black, 11.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #f1b5a2 0.0%, #f0ad9a 3.2%, #efa390 6.5%, #ed9785 9.7%, #ea8a7a 12.9%, #e57e71 16.1%, #df7469 19.4%, #d76861 22.6%, #ce5e59 25.8%, #c55452 29.0%, #bd4c4d 32.3%, #b54649 35.5%, #ad4247 38.7%, #a53f45 41.9%, #a03d45 45.2%, #9d3d45 48.4%, #a03e47 51.6%, #a8414b 54.8%, #b4454f 58.1%, #c14a55 61.3%, #ce505c 64.5%, #d75863 67.7%, #dd626c 71.0%, #e36e75 74.2%, #e7797f 77.4%, #ea8588 80.6%, #ed8e90 83.9%, #f09796 87.1%, #f2a09c 90.3%, #f3a9a1 93.5%, #f3afa6 96.8%, #f4b4aa 100.0%);
background: linear-gradient(180deg in oklch, oklch(82.28% 0.0758 37.97) 0.0%, oklch(80.72% 0.0836 36.68) 3.2%, oklch(78.54% 0.0950 34.83) 6.5%, oklch(75.96% 0.1078 32.71) 9.7%, oklch(73.21% 0.1201 30.58) 12.9%, oklch(70.51% 0.1297 28.72) 16.1%, oklch(67.82% 0.1360 27.23) 19.4%, oklch(64.88% 0.1406 25.89) 22.6%, oklch(61.88% 0.1437 24.66) 25.8%, oklch(59.05% 0.1455 23.53) 29.0%, oklch(56.60% 0.1461 22.46) 32.3%, oklch(54.57% 0.1450 21.44) 35.5%, oklch(52.64% 0.1410 20.45) 38.7%, oklch(50.99% 0.1356 19.54) 41.9%, oklch(49.85% 0.1307 18.75) 45.2%, oklch(49.45% 0.1281 18.12) 48.4%, oklch(50.06% 0.1296 17.72) 51.6%, oklch(51.79% 0.1359 17.55) 54.8%, oklch(54.30% 0.1448 17.55) 58.1%, oklch(57.19% 0.1534 17.66) 61.3%, oklch(60.08% 0.1590 17.81) 64.5%, oklch(62.62% 0.1592 17.91) 67.7%, oklch(65.14% 0.1541 17.85) 71.0%, oklch(67.72% 0.1455 17.76) 74.2%, oklch(70.24% 0.1352 17.83) 77.4%, oklch(72.62% 0.1247 18.23) 80.6%, oklch(74.75% 0.1158 19.15) 83.9%, oklch(76.73% 0.1069 20.90) 87.1%, oklch(78.60% 0.0976 23.25) 90.3%, oklch(80.28% 0.0887 25.76) 93.5%, oklch(81.66% 0.0812 27.99) 96.8%, oklch(82.68% 0.0758 29.51) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.823 | 0.076 | 38 |
| 2 | 0.701 | 0.131 | 28.5 |
| 3 | 0.559 | 0.146 | 22.1 |
| 4 | 0.496 | 0.128 | 17.9 |
| 5 | 0.618 | 0.16 | 17.9 |
| 6 | 0.744 | 0.117 | 18.9 |
| 7 | 0.827 | 0.076 | 29.5 |

## In these collections

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

## Other forms

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