# Pink and Teal: Aqua and mauve

The "Pink and Teal: Aqua and mauve" palette brings together light teal, teal, blue, magenta, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light teal.

- Also called: Light blue, teal, pink and purple linear gradient
- Seed: `kc1TqDYCLAtEhwLDjsVwBzLkM2QbIN8BNC8_Y`
- Page: https://grabient.com/kc1TqDYCLAtEhwLDjsVwBzLkM2QbIN8BNC8_Y?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#8cdcd0` | `oklch(83.86% 0.0799 184.22)` | Tantalising Teal | black, 13.2 to 1 |
| 2 | `#85d8cd` | `oklch(82.62% 0.0827 185.22)` | Mintos | black, 12.7 to 1 |
| 3 | `#7bd3c9` | `oklch(80.88% 0.0867 186.65)` | Water Wings | black, 12 to 1 |
| 4 | `#6fcdc5` | `oklch(78.81% 0.0910 188.29)` | Skylar | black, 11.2 to 1 |
| 5 | `#62c6c0` | `oklch(76.57% 0.0943 189.92)` | Chinese Lacquer | black, 10.3 to 1 |
| 6 | `#58bfba` | `oklch(74.23% 0.0960 191.09)` | Hygiene Green | black, 9.5 to 1 |
| 7 | `#4cb7b2` | `oklch(71.61% 0.0974 191.18)` | Green Grapple | black, 8.7 to 1 |
| 8 | `#41aeaa` | `oklch(68.83% 0.0979 191.40)` | Lake Tahoe Turquoise | black, 7.8 to 1 |
| 9 | `#39a5a3` | `oklch(66.04% 0.0962 193.15)` | Bahaman Bliss | black, 7 to 1 |
| 10 | `#369b9e` | `oklch(63.41% 0.0913 197.77)` | Empress Envy | black, 6.3 to 1 |
| 11 | `#3e9099` | `oklch(60.76% 0.0801 204.77)` | Adrift | black, 5.6 to 1 |
| 12 | `#4a8592` | `oklch(58.08% 0.0647 213.68)` | Flounce | black, 5 to 1 |
| 13 | `#537a8a` | `oklch(55.62% 0.0500 224.91)` | Rocky Hill | white, 4.6 to 1 |
| 14 | `#587183` | `oklch(53.61% 0.0409 238.86)` | Blue Stone | white, 5.1 to 1 |
| 15 | `#5b6b81` | `oklch(52.20% 0.0407 257.22)` | China Blue | white, 5.4 to 1 |
| 16 | `#626482` | `oklch(51.28% 0.0468 281.51)` | Purple Daze | white, 5.7 to 1 |
| 17 | `#6e5d7f` | `oklch(50.73% 0.0571 307.32)` | Princely Violet | white, 5.9 to 1 |
| 18 | `#7b5678` | `oklch(50.46% 0.0695 329.99)` | Opulent Ostrich | white, 6 to 1 |
| 19 | `#86516f` | `oklch(50.40% 0.0823 345.01)` | Raspberry Crush | white, 6.1 to 1 |
| 20 | `#8f4c6b` | `oklch(50.66% 0.0986 352.42)` | Goddess of Dawn | white, 6.1 to 1 |
| 21 | `#99476a` | `oklch(51.20% 0.1172 355.10)` | Satsuma Imo Red | white, 6 to 1 |
| 22 | `#a2426c` | `oklch(51.91% 0.1346 355.54)` | Ancient Fuchsia | white, 5.9 to 1 |
| 23 | `#a93e6d` | `oklch(52.65% 0.1475 356.21)` | Medium Ruby | white, 5.8 to 1 |
| 24 | `#b03e6e` | `oklch(53.72% 0.1542 357.93)` | Cactus Flower | white, 5.5 to 1 |
| 25 | `#b74270` | `oklch(55.30% 0.1566 359.00)` | Valentino | white, 5.2 to 1 |
| 26 | `#bb4773` | `oklch(56.69% 0.1562 359.53)` | Mauve Mystique | white, 4.9 to 1 |
| 27 | `#bc4975` | `oklch(57.14% 0.1542 359.68)` | Mauve Mystique | white, 4.8 to 1 |
| 28 | `#b74671` | `oklch(55.88% 0.1517 359.50)` | Lake Red | white, 5 to 1 |
| 29 | `#a93e69` | `oklch(52.51% 0.1466 358.67)` | Medium Ruby | white, 5.8 to 1 |
| 30 | `#98345e` | `oklch(48.09% 0.1401 357.45)` | Cardinal Red | white, 7 to 1 |
| 31 | `#872a54` | `oklch(43.82% 0.1338 356.23)` | Dark Raspberry | white, 8.4 to 1 |
| 32 | `#7c234d` | `oklch(40.94% 0.1295 355.41)` | Pico Eggplant | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8cdcd0 0.0%, #85d8cd 3.2%, #7bd3c9 6.5%, #6fcdc5 9.7%, #62c6c0 12.9%, #58bfba 16.1%, #4cb7b2 19.4%, #41aeaa 22.6%, #39a5a3 25.8%, #369b9e 29.0%, #3e9099 32.3%, #4a8592 35.5%, #537a8a 38.7%, #587183 41.9%, #5b6b81 45.2%, #626482 48.4%, #6e5d7f 51.6%, #7b5678 54.8%, #86516f 58.1%, #8f4c6b 61.3%, #99476a 64.5%, #a2426c 67.7%, #a93e6d 71.0%, #b03e6e 74.2%, #b74270 77.4%, #bb4773 80.6%, #bc4975 83.9%, #b74671 87.1%, #a93e69 90.3%, #98345e 93.5%, #872a54 96.8%, #7c234d 100.0%);
background: linear-gradient(135deg in oklch, oklch(83.86% 0.0799 184.22) 0.0%, oklch(82.62% 0.0827 185.22) 3.2%, oklch(80.88% 0.0867 186.65) 6.5%, oklch(78.81% 0.0910 188.29) 9.7%, oklch(76.57% 0.0943 189.92) 12.9%, oklch(74.23% 0.0960 191.09) 16.1%, oklch(71.61% 0.0974 191.18) 19.4%, oklch(68.83% 0.0979 191.40) 22.6%, oklch(66.04% 0.0962 193.15) 25.8%, oklch(63.41% 0.0913 197.77) 29.0%, oklch(60.76% 0.0801 204.77) 32.3%, oklch(58.08% 0.0647 213.68) 35.5%, oklch(55.62% 0.0500 224.91) 38.7%, oklch(53.61% 0.0409 238.86) 41.9%, oklch(52.20% 0.0407 257.22) 45.2%, oklch(51.28% 0.0468 281.51) 48.4%, oklch(50.73% 0.0571 307.32) 51.6%, oklch(50.46% 0.0695 329.99) 54.8%, oklch(50.40% 0.0823 345.01) 58.1%, oklch(50.66% 0.0986 352.42) 61.3%, oklch(51.20% 0.1172 355.10) 64.5%, oklch(51.91% 0.1346 355.54) 67.7%, oklch(52.65% 0.1475 356.21) 71.0%, oklch(53.72% 0.1542 357.93) 74.2%, oklch(55.30% 0.1566 359.00) 77.4%, oklch(56.69% 0.1562 359.53) 80.6%, oklch(57.14% 0.1542 359.68) 83.9%, oklch(55.88% 0.1517 359.50) 87.1%, oklch(52.51% 0.1466 358.67) 90.3%, oklch(48.09% 0.1401 357.45) 93.5%, oklch(43.82% 0.1338 356.23) 96.8%, oklch(40.94% 0.1295 355.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.839 | 0.08 | 184.2 |
| 2 | 0.756 | 0.095 | 190.6 |
| 3 | 0.638 | 0.092 | 196.9 |
| 4 | 0.531 | 0.04 | 243.4 |
| 5 | 0.504 | 0.079 | 341.7 |
| 6 | 0.528 | 0.149 | 356.5 |
| 7 | 0.567 | 0.153 | 359.6 |
| 8 | 0.409 | 0.13 | 355.4 |

## In these collections

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

## Other forms

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