# Pink and Teal: Turquoise and mauve

The "Pink and Teal: Turquoise and mauve" palette brings together teal, light teal, and light magenta. The colors span a moderate lightness range, combining moderate 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 magenta.

- Also called: Teal, light blue and pink linear gradient
- Seed: `kSijqO4A7B2sUz6`
- Page: https://grabient.com/kSijqO4A7B2sUz6?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.8 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 | `#277d82` | `oklch(54.33% 0.0799 200.39)` | Jade Jewel | white, 4.8 to 1 |
| 2 | `#2d8085` | `oklch(55.13% 0.0784 200.74)` | Sea Swimmer | white, 4.6 to 1 |
| 3 | `#338287` | `oklch(56.12% 0.0763 200.81)` | Cranach Blue | black, 4.6 to 1 |
| 4 | `#3b858a` | `oklch(57.30% 0.0738 200.69)` | Sea Caller | black, 4.9 to 1 |
| 5 | `#42898d` | `oklch(58.62% 0.0711 200.46)` | Sea Caller | black, 5.1 to 1 |
| 6 | `#4a8d91` | `oklch(60.06% 0.0680 200.20)` | Blue Chill | black, 5.4 to 1 |
| 7 | `#529194` | `oklch(61.59% 0.0648 199.99)` | Bluebound | black, 5.8 to 1 |
| 8 | `#5b9598` | `oklch(63.19% 0.0614 199.91)` | Peaceful Pond | black, 6.2 to 1 |
| 9 | `#639a9d` | `oklch(64.83% 0.0581 200.05)` | Jugendstil Turquoise | black, 6.6 to 1 |
| 10 | `#6b9ea1` | `oklch(66.48% 0.0548 200.49)` | Voyage | black, 7 to 1 |
| 11 | `#72a3a6` | `oklch(68.11% 0.0516 201.31)` | Sightful | black, 7.4 to 1 |
| 12 | `#7aa7ab` | `oklch(69.70% 0.0486 202.59)` | Pompeius Blue | black, 7.9 to 1 |
| 13 | `#81abb0` | `oklch(71.22% 0.0459 204.41)` | Stormy Waters | black, 8.3 to 1 |
| 14 | `#87afb4` | `oklch(72.64% 0.0436 206.86)` | Bon Voyage | black, 8.8 to 1 |
| 15 | `#8db2b9` | `oklch(73.94% 0.0418 210.01)` | Lucy Blue | black, 9.2 to 1 |
| 16 | `#92b5be` | `oklch(75.08% 0.0404 213.95)` | Lucy Blue | black, 9.5 to 1 |
| 17 | `#96b8c2` | `oklch(76.06% 0.0396 218.83)` | Tahoe Blue | black, 9.9 to 1 |
| 18 | `#9abac7` | `oklch(76.96% 0.0394 225.06)` | Sydney Harbour | black, 10.2 to 1 |
| 19 | `#9ebccc` | `oklch(77.80% 0.0396 232.52)` | Anchors Away | black, 10.5 to 1 |
| 20 | `#a3bdd1` | `oklch(78.57% 0.0402 241.00)` | Angel Falls | black, 10.7 to 1 |
| 21 | `#a8bed6` | `oklch(79.29% 0.0411 250.31)` | Canopy Bed | black, 11 to 1 |
| 22 | `#aebfd9` | `oklch(79.95% 0.0423 260.23)` | Pigeon Post | black, 11.2 to 1 |
| 23 | `#b5bfdd` | `oklch(80.56% 0.0437 270.59)` | Stardust Evening | black, 11.4 to 1 |
| 24 | `#bcbedf` | `oklch(81.12% 0.0453 281.15)` | Wisteria Fragrance | black, 11.5 to 1 |
| 25 | `#c3bee0` | `oklch(81.63% 0.0470 291.74)` | Purple Dragon | black, 11.7 to 1 |
| 26 | `#cabedf` | `oklch(82.11% 0.0487 302.14)` | Digital Lavender | black, 11.9 to 1 |
| 27 | `#d1bdde` | `oklch(82.54% 0.0504 312.16)` | Plum Point | black, 12 to 1 |
| 28 | `#d7bddc` | `oklch(82.94% 0.0520 321.59)` | Plum Point | black, 12.1 to 1 |
| 29 | `#ddbcd9` | `oklch(83.31% 0.0535 330.23)` | Posies | black, 12.3 to 1 |
| 30 | `#e2bcd6` | `oklch(83.65% 0.0548 337.88)` | Designer Pink | black, 12.4 to 1 |
| 31 | `#e6bcd3` | `oklch(83.96% 0.0558 344.33)` | Child’s Play | black, 12.5 to 1 |
| 32 | `#e9bdd1` | `oklch(84.25% 0.0565 349.39)` | Cherry Cordial | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #277d82 0.0%, #2d8085 3.2%, #338287 6.5%, #3b858a 9.7%, #42898d 12.9%, #4a8d91 16.1%, #529194 19.4%, #5b9598 22.6%, #639a9d 25.8%, #6b9ea1 29.0%, #72a3a6 32.3%, #7aa7ab 35.5%, #81abb0 38.7%, #87afb4 41.9%, #8db2b9 45.2%, #92b5be 48.4%, #96b8c2 51.6%, #9abac7 54.8%, #9ebccc 58.1%, #a3bdd1 61.3%, #a8bed6 64.5%, #aebfd9 67.7%, #b5bfdd 71.0%, #bcbedf 74.2%, #c3bee0 77.4%, #cabedf 80.6%, #d1bdde 83.9%, #d7bddc 87.1%, #ddbcd9 90.3%, #e2bcd6 93.5%, #e6bcd3 96.8%, #e9bdd1 100.0%);
background: linear-gradient(90deg in oklch, oklch(54.33% 0.0799 200.39) 0.0%, oklch(55.13% 0.0784 200.74) 3.2%, oklch(56.12% 0.0763 200.81) 6.5%, oklch(57.30% 0.0738 200.69) 9.7%, oklch(58.62% 0.0711 200.46) 12.9%, oklch(60.06% 0.0680 200.20) 16.1%, oklch(61.59% 0.0648 199.99) 19.4%, oklch(63.19% 0.0614 199.91) 22.6%, oklch(64.83% 0.0581 200.05) 25.8%, oklch(66.48% 0.0548 200.49) 29.0%, oklch(68.11% 0.0516 201.31) 32.3%, oklch(69.70% 0.0486 202.59) 35.5%, oklch(71.22% 0.0459 204.41) 38.7%, oklch(72.64% 0.0436 206.86) 41.9%, oklch(73.94% 0.0418 210.01) 45.2%, oklch(75.08% 0.0404 213.95) 48.4%, oklch(76.06% 0.0396 218.83) 51.6%, oklch(76.96% 0.0394 225.06) 54.8%, oklch(77.80% 0.0396 232.52) 58.1%, oklch(78.57% 0.0402 241.00) 61.3%, oklch(79.29% 0.0411 250.31) 64.5%, oklch(79.95% 0.0423 260.23) 67.7%, oklch(80.56% 0.0437 270.59) 71.0%, oklch(81.12% 0.0453 281.15) 74.2%, oklch(81.63% 0.0470 291.74) 77.4%, oklch(82.11% 0.0487 302.14) 80.6%, oklch(82.54% 0.0504 312.16) 83.9%, oklch(82.94% 0.0520 321.59) 87.1%, oklch(83.31% 0.0535 330.23) 90.3%, oklch(83.65% 0.0548 337.88) 93.5%, oklch(83.96% 0.0558 344.33) 96.8%, oklch(84.25% 0.0565 349.39) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.08 | 200.4 |
| 2 | 0.756 | 0.04 | 216.2 |
| 3 | 0.843 | 0.056 | 349.4 |

## In these collections

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

## Other forms

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