# Dusty blue pink and teal

The Dusty blue pink and teal brings together light teal, teal, magenta, and light magenta. The colors span a moderate lightness range, combining restrained color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is light magenta.

- Also called: Muted light blue, teal, blue and lavender linear gradient
- Seed: `kUyC6GTRhBMsYz3ui8HA`
- Page: https://grabient.com/kUyC6GTRhBMsYz3ui8HA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3 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 | `#8ac7c1` | `oklch(78.74% 0.0634 188.44)` | Mercury Mist | black, 11 to 1 |
| 2 | `#86c4be` | `oklch(77.63% 0.0635 188.53)` | Holiday Turquoise | black, 10.6 to 1 |
| 3 | `#82bfb9` | `oklch(76.13% 0.0638 188.00)` | Gentle Wave | black, 10 to 1 |
| 4 | `#7cb9b3` | `oklch(74.31% 0.0640 187.13)` | Winter Surf | black, 9.4 to 1 |
| 5 | `#76b3ac` | `oklch(72.29% 0.0643 186.23)` | Aurora Teal | black, 8.8 to 1 |
| 6 | `#6faca4` | `oklch(70.15% 0.0646 185.59)` | Turquoise Fantasies | black, 8.1 to 1 |
| 7 | `#68a69e` | `oklch(67.98% 0.0649 185.52)` | Aqua Rapids | black, 7.5 to 1 |
| 8 | `#619f98` | `oklch(65.89% 0.0653 186.31)` | Canton | black, 6.9 to 1 |
| 9 | `#5a9994` | `oklch(63.96% 0.0656 188.26)` | Aquarius Reef Base | black, 6.4 to 1 |
| 10 | `#549491` | `oklch(62.29% 0.0658 191.67)` | Mirage Lake | black, 6 to 1 |
| 11 | `#4f9091` | `oklch(60.97% 0.0661 196.84)` | Bristol Blue | black, 5.7 to 1 |
| 12 | `#4c8c93` | `oklch(60.00% 0.0663 204.28)` | Coastal Calm | black, 5.4 to 1 |
| 13 | `#4b8896` | `oklch(59.12% 0.0668 214.56)` | Night Masque | black, 5.2 to 1 |
| 14 | `#4d849b` | `oklch(58.32% 0.0675 227.11)` | Jay Bird | black, 5 to 1 |
| 15 | `#547f9e` | `oklch(57.65% 0.0682 241.28)` | Flattering Blue | black, 4.8 to 1 |
| 16 | `#5d79a0` | `oklch(57.14% 0.0689 256.44)` | Cocktail Blue | black, 4.7 to 1 |
| 17 | `#6875a0` | `oklch(56.84% 0.0695 271.95)` | Blue Batik | black, 4.6 to 1 |
| 18 | `#74709e` | `oklch(56.76% 0.0698 287.16)` | Purple Spire | white, 4.5 to 1 |
| 19 | `#7e6e9a` | `oklch(56.96% 0.0698 301.43)` | Ornate | white, 4.5 to 1 |
| 20 | `#886d96` | `oklch(57.45% 0.0694 314.13)` | Baroness Mauve | black, 4.6 to 1 |
| 21 | `#906d92` | `oklch(58.29% 0.0685 324.61)` | Rhinestone | black, 4.8 to 1 |
| 22 | `#977091` | `oklch(59.52% 0.0669 332.30)` | Felicia | black, 5 to 1 |
| 23 | `#9e7692` | `oklch(61.42% 0.0645 337.84)` | Angel Heart | black, 5.4 to 1 |
| 24 | `#a77d97` | `oklch(63.92% 0.0612 341.73)` | Cali Lily | black, 6 to 1 |
| 25 | `#af879d` | `oklch(66.87% 0.0575 344.24)` | Orchid Haze | black, 6.7 to 1 |
| 26 | `#b892a6` | `oklch(70.12% 0.0533 345.64)` | Bed of Roses | black, 7.6 to 1 |
| 27 | `#c19db0` | `oklch(73.50% 0.0490 346.20)` | Lily | black, 8.7 to 1 |
| 28 | `#caa9ba` | `oklch(76.86% 0.0447 346.20)` | Fragrant Lilac | black, 9.8 to 1 |
| 29 | `#d2b4c3` | `oklch(80.05% 0.0406 345.90)` | Tsarina | black, 11 to 1 |
| 30 | `#dabecc` | `oklch(82.91% 0.0369 345.56)` | Pale Petals | black, 12.2 to 1 |
| 31 | `#e0c6d3` | `oklch(85.28% 0.0339 345.47)` | Etcetera | black, 13.2 to 1 |
| 32 | `#e5ccd9` | `oklch(87.01% 0.0317 345.89)` | Naughty Marietta | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(180deg, #8ac7c1 0.0%, #86c4be 3.2%, #82bfb9 6.5%, #7cb9b3 9.7%, #76b3ac 12.9%, #6faca4 16.1%, #68a69e 19.4%, #619f98 22.6%, #5a9994 25.8%, #549491 29.0%, #4f9091 32.3%, #4c8c93 35.5%, #4b8896 38.7%, #4d849b 41.9%, #547f9e 45.2%, #5d79a0 48.4%, #6875a0 51.6%, #74709e 54.8%, #7e6e9a 58.1%, #886d96 61.3%, #906d92 64.5%, #977091 67.7%, #9e7692 71.0%, #a77d97 74.2%, #af879d 77.4%, #b892a6 80.6%, #c19db0 83.9%, #caa9ba 87.1%, #d2b4c3 90.3%, #dabecc 93.5%, #e0c6d3 96.8%, #e5ccd9 100.0%);
background: linear-gradient(180deg in oklch, oklch(78.74% 0.0634 188.44) 0.0%, oklch(77.63% 0.0635 188.53) 3.2%, oklch(76.13% 0.0638 188.00) 6.5%, oklch(74.31% 0.0640 187.13) 9.7%, oklch(72.29% 0.0643 186.23) 12.9%, oklch(70.15% 0.0646 185.59) 16.1%, oklch(67.98% 0.0649 185.52) 19.4%, oklch(65.89% 0.0653 186.31) 22.6%, oklch(63.96% 0.0656 188.26) 25.8%, oklch(62.29% 0.0658 191.67) 29.0%, oklch(60.97% 0.0661 196.84) 32.3%, oklch(60.00% 0.0663 204.28) 35.5%, oklch(59.12% 0.0668 214.56) 38.7%, oklch(58.32% 0.0675 227.11) 41.9%, oklch(57.65% 0.0682 241.28) 45.2%, oklch(57.14% 0.0689 256.44) 48.4%, oklch(56.84% 0.0695 271.95) 51.6%, oklch(56.76% 0.0698 287.16) 54.8%, oklch(56.96% 0.0698 301.43) 58.1%, oklch(57.45% 0.0694 314.13) 61.3%, oklch(58.29% 0.0685 324.61) 64.5%, oklch(59.52% 0.0669 332.30) 67.7%, oklch(61.42% 0.0645 337.84) 71.0%, oklch(63.92% 0.0612 341.73) 74.2%, oklch(66.87% 0.0575 344.24) 77.4%, oklch(70.12% 0.0533 345.64) 80.6%, oklch(73.50% 0.0490 346.20) 83.9%, oklch(76.86% 0.0447 346.20) 87.1%, oklch(80.05% 0.0406 345.90) 90.3%, oklch(82.91% 0.0369 345.56) 93.5%, oklch(85.28% 0.0339 345.47) 96.8%, oklch(87.01% 0.0317 345.89) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.063 | 188.4 |
| 2 | 0.606 | 0.066 | 199 |
| 3 | 0.591 | 0.068 | 330 |
| 4 | 0.87 | 0.032 | 345.9 |

## In these collections

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

## Other forms

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