# Pink and Teal: Blush and deep cyan

The "Pink and Teal: Blush and deep cyan" palette brings together light red, magenta, 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 teal, and its lightest tone is light red.

- Also called: Pink, purple and teal linear gradient
- Seed: `kcvmD_WTg_tK-P9LwT-RDQ_j-PPU-E7FMxlBQ`
- Page: https://grabient.com/kcvmD_WTg_tK-P9LwT-RDQ_j-PPU-E7FMxlBQ?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: light to dark
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#f088ac` | `oklch(74.80% 0.1323 358.59)` | Brown Knapweed | black, 8.8 to 1 |
| 2 | `#ef84aa` | `oklch(74.06% 0.1359 358.24)` | Brown Knapweed | black, 8.5 to 1 |
| 3 | `#ed7fa8` | `oklch(73.01% 0.1411 357.72)` | Aurora Pink | black, 8.2 to 1 |
| 4 | `#eb79a5` | `oklch(71.80% 0.1468 357.16)` | Pink Carnation | black, 7.8 to 1 |
| 5 | `#e974a2` | `oklch(70.57% 0.1523 356.65)` | Pink Carnation | black, 7.4 to 1 |
| 6 | `#e66e9f` | `oklch(69.44% 0.1568 356.31)` | Shadow Azalea Pink | black, 7.1 to 1 |
| 7 | `#e4699c` | `oklch(68.31% 0.1609 356.11)` | Shadow Azalea Pink | black, 6.8 to 1 |
| 8 | `#e16499` | `oklch(67.15% 0.1648 355.96)` | Cosmetologist’s Pink | black, 6.4 to 1 |
| 9 | `#de5f96` | `oklch(65.98% 0.1683 355.75)` | Carmine Rose | black, 6.1 to 1 |
| 10 | `#db5a93` | `oklch(64.79% 0.1713 355.35)` | Flirty Rose | black, 5.8 to 1 |
| 11 | `#d85591` | `oklch(63.58% 0.1747 354.76)` | Bit of Berry | black, 5.6 to 1 |
| 12 | `#d44f8e` | `oklch(62.34% 0.1781 354.03)` | Kirby | black, 5.3 to 1 |
| 13 | `#d04a8c` | `oklch(61.09% 0.1802 353.24)` | Kirby | black, 5 to 1 |
| 14 | `#cb468a` | `oklch(59.82% 0.1799 352.46)` | Smitten | black, 4.7 to 1 |
| 15 | `#c54487` | `oklch(58.49% 0.1766 351.95)` | Smitten | white, 4.6 to 1 |
| 16 | `#be4282` | `oklch(57.08% 0.1715 351.90)` | Orchid Ecstasy | white, 4.8 to 1 |
| 17 | `#b7417e` | `oklch(55.68% 0.1640 351.69)` | Razzle Dazzle | white, 5.1 to 1 |
| 18 | `#ae427b` | `oklch(54.37% 0.1533 350.67)` | Mystic Maroon | white, 5.4 to 1 |
| 19 | `#a4457a` | `oklch(53.24% 0.1384 348.39)` | Pink Ballad | white, 5.6 to 1 |
| 20 | `#984b76` | `oklch(52.27% 0.1151 347.07)` | Orchid Lei | white, 5.8 to 1 |
| 21 | `#8b5272` | `oklch(51.42% 0.0873 345.32)` | Plum Highness | white, 5.9 to 1 |
| 22 | `#7d5770` | `oklch(50.69% 0.0612 340.29)` | Magnificence | white, 6 to 1 |
| 23 | `#725b70` | `oklch(50.08% 0.0429 329.15)` | Banished Brown | white, 6.1 to 1 |
| 24 | `#685d73` | `oklch(49.74% 0.0365 307.30)` | Violet Haze | white, 6.1 to 1 |
| 25 | `#5c6179` | `oklch(49.72% 0.0383 275.31)` | Presumption | white, 6.1 to 1 |
| 26 | `#4c667a` | `oklch(49.69% 0.0445 241.25)` | Gloomy Sea | white, 6 to 1 |
| 27 | `#3d6973` | `oklch(49.32% 0.0512 213.32)` | Muddy Cyan | white, 6 to 1 |
| 28 | `#35686a` | `oklch(48.24% 0.0552 199.09)` | Aquarium | white, 6.2 to 1 |
| 29 | `#2a6364` | `oklch(46.27% 0.0590 197.40)` | Strong Sage | white, 6.8 to 1 |
| 30 | `#1d5c62` | `oklch(43.90% 0.0629 202.85)` | Deep Sea Diver | white, 7.5 to 1 |
| 31 | `#105660` | `oklch(41.67% 0.0664 210.37)` | Baltic Trench | white, 8.3 to 1 |
| 32 | `#06515f` | `oklch(40.16% 0.0689 214.88)` | Sandalwood Grey Blue | white, 8.9 to 1 |

## CSS

```css
background: linear-gradient(270deg, #f088ac 0.0%, #ef84aa 3.2%, #ed7fa8 6.5%, #eb79a5 9.7%, #e974a2 12.9%, #e66e9f 16.1%, #e4699c 19.4%, #e16499 22.6%, #de5f96 25.8%, #db5a93 29.0%, #d85591 32.3%, #d44f8e 35.5%, #d04a8c 38.7%, #cb468a 41.9%, #c54487 45.2%, #be4282 48.4%, #b7417e 51.6%, #ae427b 54.8%, #a4457a 58.1%, #984b76 61.3%, #8b5272 64.5%, #7d5770 67.7%, #725b70 71.0%, #685d73 74.2%, #5c6179 77.4%, #4c667a 80.6%, #3d6973 83.9%, #35686a 87.1%, #2a6364 90.3%, #1d5c62 93.5%, #105660 96.8%, #06515f 100.0%);
background: linear-gradient(270deg in oklch, oklch(74.80% 0.1323 358.59) 0.0%, oklch(74.06% 0.1359 358.24) 3.2%, oklch(73.01% 0.1411 357.72) 6.5%, oklch(71.80% 0.1468 357.16) 9.7%, oklch(70.57% 0.1523 356.65) 12.9%, oklch(69.44% 0.1568 356.31) 16.1%, oklch(68.31% 0.1609 356.11) 19.4%, oklch(67.15% 0.1648 355.96) 22.6%, oklch(65.98% 0.1683 355.75) 25.8%, oklch(64.79% 0.1713 355.35) 29.0%, oklch(63.58% 0.1747 354.76) 32.3%, oklch(62.34% 0.1781 354.03) 35.5%, oklch(61.09% 0.1802 353.24) 38.7%, oklch(59.82% 0.1799 352.46) 41.9%, oklch(58.49% 0.1766 351.95) 45.2%, oklch(57.08% 0.1715 351.90) 48.4%, oklch(55.68% 0.1640 351.69) 51.6%, oklch(54.37% 0.1533 350.67) 54.8%, oklch(53.24% 0.1384 348.39) 58.1%, oklch(52.27% 0.1151 347.07) 61.3%, oklch(51.42% 0.0873 345.32) 64.5%, oklch(50.69% 0.0612 340.29) 67.7%, oklch(50.08% 0.0429 329.15) 71.0%, oklch(49.74% 0.0365 307.30) 74.2%, oklch(49.72% 0.0383 275.31) 77.4%, oklch(49.69% 0.0445 241.25) 80.6%, oklch(49.32% 0.0512 213.32) 83.9%, oklch(48.24% 0.0552 199.09) 87.1%, oklch(46.27% 0.0590 197.40) 90.3%, oklch(43.90% 0.0629 202.85) 93.5%, oklch(41.67% 0.0664 210.37) 96.8%, oklch(40.16% 0.0689 214.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.748 | 0.132 | 358.6 |
| 2 | 0.701 | 0.154 | 356.5 |
| 3 | 0.65 | 0.171 | 355.4 |
| 4 | 0.594 | 0.179 | 352.3 |
| 5 | 0.535 | 0.143 | 349.1 |
| 6 | 0.5 | 0.041 | 326.9 |
| 7 | 0.488 | 0.054 | 203.3 |
| 8 | 0.402 | 0.069 | 214.9 |

## In these collections

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

## Other forms

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