# Pink and Teal: Blush and dusty blue

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

- Also called: Pink, purple and teal linear gradient
- Seed: `kcvV8BULu_781v21GT2sg41T4cOvJoj7VKU-4`
- Page: https://grabient.com/kcvV8BULu_781v21GT2sg41T4cOvJoj7VKU-4?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: dark center, vivid, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#ef87a6` | `oklch(74.41% 0.1309 1.41)` | Brown Knapweed | black, 8.6 to 1 |
| 2 | `#ec80a1` | `oklch(72.72% 0.1371 1.49)` | Aurora Pink | black, 8.1 to 1 |
| 3 | `#e87599` | `oklch(70.33% 0.1464 1.64)` | Embarrassed | black, 7.4 to 1 |
| 4 | `#e26890` | `oklch(67.53% 0.1558 1.72)` | Love Letter | black, 6.6 to 1 |
| 5 | `#da5c87` | `oklch(64.61% 0.1626 1.57)` | Blush d’Amour | black, 5.8 to 1 |
| 6 | `#d1527f` | `oklch(61.70% 0.1647 1.17)` | Pink Flambé | black, 5.2 to 1 |
| 7 | `#c54876` | `oklch(58.46% 0.1643 0.82)` | Love Lord | white, 4.5 to 1 |
| 8 | `#b83f6e` | `oklch(55.11% 0.1613 0.21)` | Spicy Purple | white, 5.2 to 1 |
| 9 | `#ab3867` | `oklch(51.94% 0.1553 358.99)` | Rhine River Rose | white, 6 to 1 |
| 10 | `#9d3563` | `oklch(49.26% 0.1458 356.82)` | Cardinal Red | white, 6.7 to 1 |
| 11 | `#90355e` | `oklch(47.02% 0.1304 355.07)` | Forward Fuchsia | white, 7.3 to 1 |
| 12 | `#82385b` | `oklch(45.08% 0.1105 353.21)` | Pleasure | white, 7.8 to 1 |
| 13 | `#753a59` | `oklch(43.44% 0.0900 349.30)` | Passionate Plum | white, 8.3 to 1 |
| 14 | `#683d59` | `oklch(42.07% 0.0727 341.41)` | Primitive Plum | white, 8.7 to 1 |
| 15 | `#5c3e5b` | `oklch(40.91% 0.0605 327.17)` | Blackberry Wine | white, 9.1 to 1 |
| 16 | `#4e405d` | `oklch(39.87% 0.0505 306.35)` | Powerful Mauve | white, 9.4 to 1 |
| 17 | `#42435c` | `oklch(39.17% 0.0431 282.90)` | Majestic Blue | white, 9.6 to 1 |
| 18 | `#39455a` | `oklch(39.02% 0.0390 260.90)` | Soulful Music | white, 9.6 to 1 |
| 19 | `#35495b` | `oklch(39.65% 0.0392 244.20)` | Dilly Blue | white, 9.2 to 1 |
| 20 | `#315060` | `oklch(41.26% 0.0454 231.61)` | Velvet Evening | white, 8.6 to 1 |
| 21 | `#2a5867` | `oklch(43.56% 0.0558 221.53)` | Deep Loch | white, 7.7 to 1 |
| 22 | `#21626f` | `oklch(46.12% 0.0671 213.47)` | Excellence | white, 6.9 to 1 |
| 23 | `#186b75` | `oklch(48.51% 0.0762 206.91)` | Teal Fury | white, 6.1 to 1 |
| 24 | `#127279` | `oklch(50.60% 0.0819 202.15)` | Scurf Green | white, 5.6 to 1 |
| 25 | `#107a7e` | `oklch(52.66% 0.0861 199.71)` | Tobernite | white, 5.1 to 1 |
| 26 | `#128084` | `oklch(54.71% 0.0893 198.52)` | Go Alpha | white, 4.7 to 1 |
| 27 | `#16878a` | `oklch(56.73% 0.0921 197.49)` | Old Truck | black, 4.8 to 1 |
| 28 | `#1a8e8f` | `oklch(58.76% 0.0949 195.66)` | Fish Story | black, 5.2 to 1 |
| 29 | `#209594` | `oklch(61.00% 0.0973 193.45)` | Sea Fantasy | black, 5.8 to 1 |
| 30 | `#289d98` | `oklch(63.23% 0.0993 191.28)` | Talismanic Teal | black, 6.3 to 1 |
| 31 | `#2ea39d` | `oklch(65.17% 0.1008 189.42)` | Sea Kale | black, 6.8 to 1 |
| 32 | `#33a89f` | `oklch(66.54% 0.1020 188.10)` | Tropical Hideaway | black, 7.2 to 1 |

## CSS

```css
background: linear-gradient(270deg, #ef87a6 0.0%, #ec80a1 3.2%, #e87599 6.5%, #e26890 9.7%, #da5c87 12.9%, #d1527f 16.1%, #c54876 19.4%, #b83f6e 22.6%, #ab3867 25.8%, #9d3563 29.0%, #90355e 32.3%, #82385b 35.5%, #753a59 38.7%, #683d59 41.9%, #5c3e5b 45.2%, #4e405d 48.4%, #42435c 51.6%, #39455a 54.8%, #35495b 58.1%, #315060 61.3%, #2a5867 64.5%, #21626f 67.7%, #186b75 71.0%, #127279 74.2%, #107a7e 77.4%, #128084 80.6%, #16878a 83.9%, #1a8e8f 87.1%, #209594 90.3%, #289d98 93.5%, #2ea39d 96.8%, #33a89f 100.0%);
background: linear-gradient(270deg in oklch, oklch(74.41% 0.1309 1.41) 0.0%, oklch(72.72% 0.1371 1.49) 3.2%, oklch(70.33% 0.1464 1.64) 6.5%, oklch(67.53% 0.1558 1.72) 9.7%, oklch(64.61% 0.1626 1.57) 12.9%, oklch(61.70% 0.1647 1.17) 16.1%, oklch(58.46% 0.1643 0.82) 19.4%, oklch(55.11% 0.1613 0.21) 22.6%, oklch(51.94% 0.1553 358.99) 25.8%, oklch(49.26% 0.1458 356.82) 29.0%, oklch(47.02% 0.1304 355.07) 32.3%, oklch(45.08% 0.1105 353.21) 35.5%, oklch(43.44% 0.0900 349.30) 38.7%, oklch(42.07% 0.0727 341.41) 41.9%, oklch(40.91% 0.0605 327.17) 45.2%, oklch(39.87% 0.0505 306.35) 48.4%, oklch(39.17% 0.0431 282.90) 51.6%, oklch(39.02% 0.0390 260.90) 54.8%, oklch(39.65% 0.0392 244.20) 58.1%, oklch(41.26% 0.0454 231.61) 61.3%, oklch(43.56% 0.0558 221.53) 64.5%, oklch(46.12% 0.0671 213.47) 67.7%, oklch(48.51% 0.0762 206.91) 71.0%, oklch(50.60% 0.0819 202.15) 74.2%, oklch(52.66% 0.0861 199.71) 77.4%, oklch(54.71% 0.0893 198.52) 80.6%, oklch(56.73% 0.0921 197.49) 83.9%, oklch(58.76% 0.0949 195.66) 87.1%, oklch(61.00% 0.0973 193.45) 90.3%, oklch(63.23% 0.0993 191.28) 93.5%, oklch(65.17% 0.1008 189.42) 96.8%, oklch(66.54% 0.1020 188.10) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.744 | 0.131 | 1.4 |
| 2 | 0.634 | 0.164 | 1.4 |
| 3 | 0.496 | 0.147 | -2.8 |
| 4 | 0.417 | 0.069 | -21.8 |
| 5 | 0.394 | 0.039 | -111.7 |
| 6 | 0.488 | 0.077 | -153.9 |
| 7 | 0.579 | 0.094 | -163.4 |
| 8 | 0.665 | 0.102 | -171.9 |

## In these collections

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

## Other forms

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