# Coral pink palette

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

- Also called: Vivid monochrome salmon to pink angular gradient
- Seed: `kWx1sXXL0_tpCPZfsj2ZqtBw`
- Page: https://grabient.com/kWx1sXXL0_tpCPZfsj2ZqtBw?style=angularGradient&steps=13
- Drawn as: angular gradient, 13 steps, 90 degrees
- Kinds: even lightness, vivid, warm, monochrome
- 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 | `#fe9985` | `oklch(78.35% 0.1254 32.34)` | Amber Sun | black, 10.1 to 1 |
| 2 | `#ff917a` | `oklch(76.79% 0.1375 32.46)` | Coralistic | black, 9.5 to 1 |
| 3 | `#ff846c` | `oklch(74.61% 0.1544 32.34)` | Miami Coral | black, 8.7 to 1 |
| 4 | `#ff7864` | `oklch(72.83% 0.1681 30.23)` | Peachy Pinky | black, 8.1 to 1 |
| 5 | `#ff6f69` | `oklch(71.68% 0.1768 24.87)` | Flirty Salmon | black, 7.7 to 1 |
| 6 | `#fe6876` | `oklch(70.92% 0.1827 17.51)` | Kisses and Hugs | black, 7.4 to 1 |
| 7 | `#fc6887` | `oklch(70.87% 0.1819 10.15)` | Berlin Pink | black, 7.4 to 1 |
| 8 | `#f7709b` | `oklch(71.80% 0.1706 2.13)` | French Pink | black, 7.7 to 1 |
| 9 | `#f17daf` | `oklch(73.43% 0.1528 354.11)` | Erythrosine | black, 8.2 to 1 |
| 10 | `#ef88bb` | `oklch(75.20% 0.1378 350.07)` | Brown Knapweed | black, 8.9 to 1 |
| 11 | `#f491bb` | `oklch(77.15% 0.1288 353.28)` | Pastel Magenta | black, 9.5 to 1 |
| 12 | `#fc99b7` | `oklch(79.24% 0.1226 0.48)` | Saira Red | black, 10.3 to 1 |
| 13 | `#ffa0b5` | `oklch(80.71% 0.1148 5.92)` | Saira Red | black, 10.9 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #fe9985 0.0%, #ff917a 8.3%, #ff846c 16.7%, #ff7864 25.0%, #ff6f69 33.3%, #fe6876 41.7%, #fc6887 50.0%, #f7709b 58.3%, #f17daf 66.7%, #ef88bb 75.0%, #f491bb 83.3%, #fc99b7 91.7%, #ffa0b5 100.0%);
background: conic-gradient(from 90deg in oklch, oklch(78.35% 0.1254 32.34) 0.0%, oklch(76.79% 0.1375 32.46) 8.3%, oklch(74.61% 0.1544 32.34) 16.7%, oklch(72.83% 0.1681 30.23) 25.0%, oklch(71.68% 0.1768 24.87) 33.3%, oklch(70.92% 0.1827 17.51) 41.7%, oklch(70.87% 0.1819 10.15) 50.0%, oklch(71.80% 0.1706 2.13) 58.3%, oklch(73.43% 0.1528 354.11) 66.7%, oklch(75.20% 0.1378 350.07) 75.0%, oklch(77.15% 0.1288 353.28) 83.3%, oklch(79.24% 0.1226 0.48) 91.7%, oklch(80.71% 0.1148 5.92) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.125 | 32.3 |
| 2 | 0.728 | 0.168 | 30.2 |
| 3 | 0.709 | 0.182 | 10.2 |
| 4 | 0.752 | 0.138 | -9.9 |
| 5 | 0.807 | 0.119 | 5.9 |

## In these collections

- [Pink gradients](https://grabient.com/pink-gradients)

## Other forms

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