# Color Palette: Pale aqua and magenta

The "Color Palette: Pale aqua and magenta" palette brings together pale teal, magenta, teal, and blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits fashion mood boards and lookbook graphics. Its darkest tone is blue, and its lightest tone is pale teal.

- Also called: Light blue, pink, purple and blue linear gradient
- Seed: `kW7C-DXk5SdPewBpMq9QtBHQ`
- Page: https://grabient.com/kW7C-DXk5SdPewBpMq9QtBHQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#b7f6ec` | `oklch(92.91% 0.0648 184.22)` | Pale King’s Blue | black, 17.4 to 1 |
| 2 | `#a3f3f5` | `oklch(91.32% 0.0776 197.87)` | Hydro Cannon | black, 16.6 to 1 |
| 3 | `#9be9ff` | `oklch(89.12% 0.0823 217.30)` | Winter Wizard | black, 15.5 to 1 |
| 4 | `#a7daff` | `oklch(86.48% 0.0740 240.51)` | Malmö FF | black, 14 to 1 |
| 5 | `#b0c9ff` | `oklch(83.62% 0.0809 265.50)` | Night Snow | black, 12.6 to 1 |
| 6 | `#bfb5ff` | `oklch(80.70% 0.1045 290.24)` | Greyish Lavender | black, 11.2 to 1 |
| 7 | `#da97ff` | `oklch(77.94% 0.1585 312.73)` | Plasma Trail | black, 9.8 to 1 |
| 8 | `#f677ea` | `oklch(75.50% 0.2039 330.95)` | Lián Hóng Lotus Pink | black, 8.7 to 1 |
| 9 | `#ff68cc` | `oklch(73.57% 0.2118 343.07)` | Rose Pink | black, 8 to 1 |
| 10 | `#ff60b3` | `oklch(71.80% 0.2089 351.14)` | Kisses | black, 7.5 to 1 |
| 11 | `#ff55a2` | `oklch(70.08% 0.2148 356.51)` | Magenta Crayon | black, 7 to 1 |
| 12 | `#ff4996` | `oklch(68.51% 0.2252 359.27)` | French Fuchsia | black, 6.6 to 1 |
| 13 | `#ff3991` | `oklch(67.17% 0.2383 359.50)` | French Fuchsia | black, 6.2 to 1 |
| 14 | `#ff2694` | `oklch(66.17% 0.2532 357.29)` | Unicorn Dust | black, 5.9 to 1 |
| 15 | `#fd179f` | `oklch(65.60% 0.2637 352.73)` | Neon Pink | black, 5.7 to 1 |
| 16 | `#f523b2` | `oklch(65.55% 0.2624 345.91)` | Magnificent Magenta | black, 5.7 to 1 |
| 17 | `#eb37cc` | `oklch(66.22% 0.2569 336.21)` | Kriss Me Not Fuchsia | black, 5.9 to 1 |
| 18 | `#d855f3` | `oklch(68.15% 0.2444 320.32)` | Heliotrope | black, 6.5 to 1 |
| 19 | `#b384ff` | `oklch(71.01% 0.1782 299.67)` | Lilac Geode | black, 7.6 to 1 |
| 20 | `#96a3ff` | `oklch(74.32% 0.1331 276.47)` | Widowmaker | black, 8.9 to 1 |
| 21 | `#7fbaff` | `oklch(77.63% 0.1167 252.95)` | Cooler Than Ever | black, 10.3 to 1 |
| 22 | `#62cdff` | `oklch(80.46% 0.1208 231.33)` | Skyan | black, 11.6 to 1 |
| 23 | `#00dcfe` | `oklch(82.35% 0.1447 213.83)` | Vaporwave Blue | black, 12.7 to 1 |
| 24 | `#0be1ee` | `oklch(82.83% 0.1401 202.67)` | Cold Heights | black, 12.9 to 1 |
| 25 | `#00dde5` | `oklch(81.48% 0.1385 199.42)` | Fish Boy | black, 12.4 to 1 |
| 26 | `#00d1de` | `oklch(78.43% 0.1335 202.71)` | Aztec Turquoise | black, 11.1 to 1 |
| 27 | `#00c0d9` | `oklch(74.18% 0.1287 210.80)` | Caribbean Blue | black, 9.5 to 1 |
| 28 | `#00add4` | `oklch(69.22% 0.1279 221.99)` | Battery Charged Blue | black, 7.9 to 1 |
| 29 | `#0098d2` | `oklch(64.06% 0.1351 234.57)` | Bayern Blue | black, 6.4 to 1 |
| 30 | `#0083d4` | `oklch(59.20% 0.1550 246.82)` | Electron Blue | black, 5.1 to 1 |
| 31 | `#006ce1` | `oklch(55.14% 0.1959 257.03)` | Blue Ruin | white, 4.9 to 1 |
| 32 | `#205ae6` | `oklch(52.36% 0.2205 263.48)` | Veteran’s Day Blue | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #b7f6ec 0.0%, #a3f3f5 3.2%, #9be9ff 6.5%, #a7daff 9.7%, #b0c9ff 12.9%, #bfb5ff 16.1%, #da97ff 19.4%, #f677ea 22.6%, #ff68cc 25.8%, #ff60b3 29.0%, #ff55a2 32.3%, #ff4996 35.5%, #ff3991 38.7%, #ff2694 41.9%, #fd179f 45.2%, #f523b2 48.4%, #eb37cc 51.6%, #d855f3 54.8%, #b384ff 58.1%, #96a3ff 61.3%, #7fbaff 64.5%, #62cdff 67.7%, #00dcfe 71.0%, #0be1ee 74.2%, #00dde5 77.4%, #00d1de 80.6%, #00c0d9 83.9%, #00add4 87.1%, #0098d2 90.3%, #0083d4 93.5%, #006ce1 96.8%, #205ae6 100.0%);
background: linear-gradient(90deg in oklch, oklch(92.91% 0.0648 184.22) 0.0%, oklch(91.32% 0.0776 197.87) 3.2%, oklch(89.12% 0.0823 217.30) 6.5%, oklch(86.48% 0.0740 240.51) 9.7%, oklch(83.62% 0.0809 265.50) 12.9%, oklch(80.70% 0.1045 290.24) 16.1%, oklch(77.94% 0.1585 312.73) 19.4%, oklch(75.50% 0.2039 330.95) 22.6%, oklch(73.57% 0.2118 343.07) 25.8%, oklch(71.80% 0.2089 351.14) 29.0%, oklch(70.08% 0.2148 356.51) 32.3%, oklch(68.51% 0.2252 359.27) 35.5%, oklch(67.17% 0.2383 359.50) 38.7%, oklch(66.17% 0.2532 357.29) 41.9%, oklch(65.60% 0.2637 352.73) 45.2%, oklch(65.55% 0.2624 345.91) 48.4%, oklch(66.22% 0.2569 336.21) 51.6%, oklch(68.15% 0.2444 320.32) 54.8%, oklch(71.01% 0.1782 299.67) 58.1%, oklch(74.32% 0.1331 276.47) 61.3%, oklch(77.63% 0.1167 252.95) 64.5%, oklch(80.46% 0.1208 231.33) 67.7%, oklch(82.35% 0.1447 213.83) 71.0%, oklch(82.83% 0.1401 202.67) 74.2%, oklch(81.48% 0.1385 199.42) 77.4%, oklch(78.43% 0.1335 202.71) 80.6%, oklch(74.18% 0.1287 210.80) 83.9%, oklch(69.22% 0.1279 221.99) 87.1%, oklch(64.06% 0.1351 234.57) 90.3%, oklch(59.20% 0.1550 246.82) 93.5%, oklch(55.14% 0.1959 257.03) 96.8%, oklch(52.36% 0.2205 263.48) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.929 | 0.065 | 184.2 |
| 2 | 0.74 | 0.215 | 340.6 |
| 3 | 0.657 | 0.26 | 341.7 |
| 4 | 0.827 | 0.139 | 201.1 |
| 5 | 0.524 | 0.22 | 263.5 |

## In these collections

- [Sequined feather costume](https://grabient.com/sequined-feather-costume)
- [Pink and teal gradients](https://grabient.com/pink-and-teal-gradients)

## Other forms

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