# Magenta Coast Signal

Across the diagonal, the gradient begins in turquoise, passes through cobalt blue, magenta, and magenta, then finishes in deep indigo. The continuous transition leaves broad, usable areas for foreground type while preserving the complete approved color journey.

- Also called: Light blue, purple and pink linear gradient
- Seed: `kW2z-GLyfJU1OyVbxT6KKo6o`
- Page: https://grabient.com/kW2z-GLyfJU1OyVbxT6KKo6o?steps=32&angle=120
- Drawn as: linear gradient, 32 steps, 120 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#8be5dd` | `oklch(86.22% 0.0868 188.44)` | Aqua Fiesta | black, 14.2 to 1 |
| 2 | `#7ad5d5` | `oklch(81.75% 0.0880 194.79)` | Aruba Blue | black, 12.3 to 1 |
| 3 | `#63bfc8` | `oklch(75.22% 0.0888 203.26)` | Faded Jeans | black, 9.8 to 1 |
| 4 | `#4aa5b8` | `oklch(67.40% 0.0898 213.35)` | Maui Blue | black, 7.3 to 1 |
| 5 | `#3489a6` | `oklch(59.10% 0.0914 224.56)` | Magic Blue | black, 5.2 to 1 |
| 6 | `#246e95` | `oklch(51.09% 0.0938 236.35)` | Blue Oasis | white, 5.6 to 1 |
| 7 | `#1f5686` | `oklch(44.16% 0.0977 248.23)` | Stunning Sapphire | white, 7.6 to 1 |
| 8 | `#21447c` | `oklch(39.10% 0.1033 259.69)` | Theatre Blue | white, 9.6 to 1 |
| 9 | `#293879` | `oklch(36.68% 0.1111 270.30)` | Surf the Web | white, 10.8 to 1 |
| 10 | `#37327d` | `oklch(36.82% 0.1228 281.47)` | Ballpoint Indigo | white, 10.9 to 1 |
| 11 | `#4b2f86` | `oklch(38.91% 0.1378 293.42)` | Sick Blue | white, 10.2 to 1 |
| 12 | `#632f90` | `oklch(42.39% 0.1547 305.57)` | Lucid Dreams | white, 8.9 to 1 |
| 13 | `#7f2f97` | `oklch(46.72% 0.1721 317.33)` | Druchii Violet | white, 7.5 to 1 |
| 14 | `#9d319c` | `oklch(51.35% 0.1885 328.11)` | Purple Ink | white, 6.2 to 1 |
| 15 | `#b8329d` | `oklch(55.73% 0.2027 337.33)` | Byzantine | white, 5.2 to 1 |
| 16 | `#ce359c` | `oklch(59.31% 0.2130 344.40)` | Royal Fuchsia | black, 4.6 to 1 |
| 17 | `#dc389a` | `oklch(61.81% 0.2185 348.83)` | Prunus Avium | black, 5 to 1 |
| 18 | `#e83f9e` | `oklch(64.39% 0.2204 350.92)` | Schiaparelli Pink | black, 5.6 to 1 |
| 19 | `#f14aa5` | `oklch(67.03% 0.2195 351.08)` | Major Magenta | black, 6.2 to 1 |
| 20 | `#f855b0` | `oklch(69.50% 0.2163 349.70)` | Pink Katydid | black, 6.9 to 1 |
| 21 | `#fb5fbc` | `oklch(71.53% 0.2114 347.16)` | Eosin Pink | black, 7.4 to 1 |
| 22 | `#fb68c7` | `oklch(72.87% 0.2053 343.81)` | Rose Pink | black, 7.9 to 1 |
| 23 | `#f66ecf` | `oklch(73.26% 0.1986 340.05)` | Rose Pink | black, 8 to 1 |
| 24 | `#ed70d3` | `oklch(72.46% 0.1918 336.24)` | Lián Hóng Lotus Pink | black, 7.8 to 1 |
| 25 | `#de6dd0` | `oklch(70.03% 0.1845 332.14)` | Pink Orchid | black, 7.1 to 1 |
| 26 | `#c765c9` | `oklch(65.68% 0.1752 326.64)` | Purple Urn Orchid | black, 6.1 to 1 |
| 27 | `#aa5abc` | `oklch(59.98% 0.1643 320.19)` | Prickly Purple | black, 4.8 to 1 |
| 28 | `#8c4dab` | `oklch(53.51% 0.1528 313.28)` | Tyrian Shimmer | white, 5.5 to 1 |
| 29 | `#6f4098` | `oklch(46.88% 0.1414 306.40)` | Sweet Flag | white, 7.3 to 1 |
| 30 | `#563484` | `oklch(40.67% 0.1309 300.05)` | Kingfisher Daisy | white, 9.5 to 1 |
| 31 | `#422974` | `oklch(35.48% 0.1221 294.73)` | Clear Purple | white, 11.6 to 1 |
| 32 | `#352268` | `oklch(31.89% 0.1157 290.94)` | Dark Dreams | white, 13.2 to 1 |

## CSS

```css
background: linear-gradient(120deg, #8be5dd 0.0%, #7ad5d5 3.2%, #63bfc8 6.5%, #4aa5b8 9.7%, #3489a6 12.9%, #246e95 16.1%, #1f5686 19.4%, #21447c 22.6%, #293879 25.8%, #37327d 29.0%, #4b2f86 32.3%, #632f90 35.5%, #7f2f97 38.7%, #9d319c 41.9%, #b8329d 45.2%, #ce359c 48.4%, #dc389a 51.6%, #e83f9e 54.8%, #f14aa5 58.1%, #f855b0 61.3%, #fb5fbc 64.5%, #fb68c7 67.7%, #f66ecf 71.0%, #ed70d3 74.2%, #de6dd0 77.4%, #c765c9 80.6%, #aa5abc 83.9%, #8c4dab 87.1%, #6f4098 90.3%, #563484 93.5%, #422974 96.8%, #352268 100.0%);
background: linear-gradient(120deg in oklch, oklch(86.22% 0.0868 188.44) 0.0%, oklch(81.75% 0.0880 194.79) 3.2%, oklch(75.22% 0.0888 203.26) 6.5%, oklch(67.40% 0.0898 213.35) 9.7%, oklch(59.10% 0.0914 224.56) 12.9%, oklch(51.09% 0.0938 236.35) 16.1%, oklch(44.16% 0.0977 248.23) 19.4%, oklch(39.10% 0.1033 259.69) 22.6%, oklch(36.68% 0.1111 270.30) 25.8%, oklch(36.82% 0.1228 281.47) 29.0%, oklch(38.91% 0.1378 293.42) 32.3%, oklch(42.39% 0.1547 305.57) 35.5%, oklch(46.72% 0.1721 317.33) 38.7%, oklch(51.35% 0.1885 328.11) 41.9%, oklch(55.73% 0.2027 337.33) 45.2%, oklch(59.31% 0.2130 344.40) 48.4%, oklch(61.81% 0.2185 348.83) 51.6%, oklch(64.39% 0.2204 350.92) 54.8%, oklch(67.03% 0.2195 351.08) 58.1%, oklch(69.50% 0.2163 349.70) 61.3%, oklch(71.53% 0.2114 347.16) 64.5%, oklch(72.87% 0.2053 343.81) 67.7%, oklch(73.26% 0.1986 340.05) 71.0%, oklch(72.46% 0.1918 336.24) 74.2%, oklch(70.03% 0.1845 332.14) 77.4%, oklch(65.68% 0.1752 326.64) 80.6%, oklch(59.98% 0.1643 320.19) 83.9%, oklch(53.51% 0.1528 313.28) 87.1%, oklch(46.88% 0.1414 306.40) 90.3%, oklch(40.67% 0.1309 300.05) 93.5%, oklch(35.48% 0.1221 294.73) 96.8%, oklch(31.89% 0.1157 290.94) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.862 | 0.087 | 188.4 |
| 2 | 0.37 | 0.109 | 267.7 |
| 3 | 0.606 | 0.216 | 347 |
| 4 | 0.72 | 0.19 | 335.3 |
| 5 | 0.319 | 0.116 | 290.9 |

## In these collections

- [Vaporwave color palette](https://grabient.com/vaporwave-color-palette)

## Other forms

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