# Rose pink and teal palette

The Rose pink and teal palette brings together teal, magenta, red, and gray. 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 magenta.

- Also called: Seamless tritone teal, blue and pink angular gradient
- Seed: `kcaTWQSKO-9SVv9OGFF1bxBke6wJBB7cNJu0o`
- Page: https://grabient.com/kcaTWQSKO-9SVv9OGFF1bxBke6wJBB7cNJu0o?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: seamless
- Hues: complementary
- 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 | `#00565c` | `oklch(41.34% 0.0704 202.51)` | Deep Teal | white, 8.4 to 1 |
| 2 | `#005e63` | `oklch(43.96% 0.0747 201.03)` | Sandhill Crane | white, 7.5 to 1 |
| 3 | `#006a6e` | `oklch(47.74% 0.0812 198.85)` | Aqua Obscura | white, 6.3 to 1 |
| 4 | `#00787a` | `oklch(51.92% 0.0884 196.53)` | Prismarine | white, 5.2 to 1 |
| 5 | `#008585` | `oklch(55.75% 0.0952 194.61)` | Bay Teal | black, 4.6 to 1 |
| 6 | `#198e8b` | `oklch(58.72% 0.0956 192.47)` | Corfu Shallows | black, 5.2 to 1 |
| 7 | `#3a968d` | `oklch(61.50% 0.0870 187.07)` | Azure Tide | black, 5.8 to 1 |
| 8 | `#529b90` | `oklch(63.92% 0.0755 182.52)` | Petrol Green | black, 6.4 to 1 |
| 9 | `#629f95` | `oklch(65.72% 0.0648 183.70)` | Treasure Isle | black, 6.8 to 1 |
| 10 | `#68a09f` | `oklch(66.58% 0.0587 195.58)` | Folk Song | black, 7 to 1 |
| 11 | `#6d9aab` | `oklch(65.98% 0.0555 223.90)` | Left Bank Blue | black, 6.8 to 1 |
| 12 | `#7c8eaf` | `oklch(64.33% 0.0541 263.08)` | Ashton Skies | black, 6.3 to 1 |
| 13 | `#8f80a4` | `oklch(62.53% 0.0560 303.34)` | Fabulous Grape | black, 5.7 to 1 |
| 14 | `#9d7694` | `oklch(61.46% 0.0630 334.89)` | Rebel Rouser | black, 5.4 to 1 |
| 15 | `#aa728c` | `oklch(61.93% 0.0780 350.86)` | Mauve Orchid | black, 5.5 to 1 |
| 16 | `#bc708d` | `oklch(63.68% 0.1026 356.40)` | Pinky Pickle | black, 5.8 to 1 |
| 17 | `#cf6d94` | `oklch(65.76% 0.1302 356.13)` | Hopbush | black, 6.2 to 1 |
| 18 | `#dc699c` | `oklch(67.21% 0.1542 354.40)` | Cosmetologist’s Pink | black, 6.5 to 1 |
| 19 | `#e2629a` | `oklch(67.08% 0.1683 355.41)` | Cosmetologist’s Pink | black, 6.4 to 1 |
| 20 | `#e0598d` | `oklch(65.18% 0.1758 359.23)` | Carmine Rose | black, 5.9 to 1 |
| 21 | `#d94d7c` | `oklch(62.28% 0.1783 3.09)` | Rose Turkish Delight | black, 5.3 to 1 |
| 22 | `#cd4571` | `oklch(59.14% 0.1745 4.51)` | Rubber Band | black, 4.6 to 1 |
| 23 | `#be4370` | `oklch(56.57% 0.1635 1.00)` | Lilac Rose | white, 4.9 to 1 |
| 24 | `#ac4a7c` | `oklch(55.01% 0.1396 350.79)` | Our Little Secret | white, 5.2 to 1 |
| 25 | `#935686` | `oklch(53.98% 0.1019 335.19)` | Àn Zǐ Purple | white, 5.3 to 1 |
| 26 | `#7a6184` | `oklch(53.11% 0.0616 316.29)` | Trendy Pink | white, 5.4 to 1 |
| 27 | `#6a6679` | `oklch(52.03% 0.0302 296.17)` | Unexplained | white, 5.5 to 1 |
| 28 | `#61646f` | `oklch(50.37% 0.0185 276.11)` | Eventide | white, 5.9 to 1 |
| 29 | `#535f6c` | `oklch(48.01% 0.0259 252.38)` | Blue Planet | white, 6.5 to 1 |
| 30 | `#3c5b69` | `oklch(45.38% 0.0437 227.44)` | Blue Spell | white, 7.2 to 1 |
| 31 | `#1a5a60` | `oklch(42.99% 0.0632 205.26)` | Moonlit Pool | white, 7.8 to 1 |
| 32 | `#005754` | `oklch(41.34% 0.0714 189.82)` | Tabriz Teal | white, 8.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #00565c 0.0%, #005e63 3.2%, #006a6e 6.5%, #00787a 9.7%, #008585 12.9%, #198e8b 16.1%, #3a968d 19.4%, #529b90 22.6%, #629f95 25.8%, #68a09f 29.0%, #6d9aab 32.3%, #7c8eaf 35.5%, #8f80a4 38.7%, #9d7694 41.9%, #aa728c 45.2%, #bc708d 48.4%, #cf6d94 51.6%, #dc699c 54.8%, #e2629a 58.1%, #e0598d 61.3%, #d94d7c 64.5%, #cd4571 67.7%, #be4370 71.0%, #ac4a7c 74.2%, #935686 77.4%, #7a6184 80.6%, #6a6679 83.9%, #61646f 87.1%, #535f6c 90.3%, #3c5b69 93.5%, #1a5a60 96.8%, #005754 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(41.34% 0.0704 202.51) 0.0%, oklch(43.96% 0.0747 201.03) 3.2%, oklch(47.74% 0.0812 198.85) 6.5%, oklch(51.92% 0.0884 196.53) 9.7%, oklch(55.75% 0.0952 194.61) 12.9%, oklch(58.72% 0.0956 192.47) 16.1%, oklch(61.50% 0.0870 187.07) 19.4%, oklch(63.92% 0.0755 182.52) 22.6%, oklch(65.72% 0.0648 183.70) 25.8%, oklch(66.58% 0.0587 195.58) 29.0%, oklch(65.98% 0.0555 223.90) 32.3%, oklch(64.33% 0.0541 263.08) 35.5%, oklch(62.53% 0.0560 303.34) 38.7%, oklch(61.46% 0.0630 334.89) 41.9%, oklch(61.93% 0.0780 350.86) 45.2%, oklch(63.68% 0.1026 356.40) 48.4%, oklch(65.76% 0.1302 356.13) 51.6%, oklch(67.21% 0.1542 354.40) 54.8%, oklch(67.08% 0.1683 355.41) 58.1%, oklch(65.18% 0.1758 359.23) 61.3%, oklch(62.28% 0.1783 3.09) 64.5%, oklch(59.14% 0.1745 4.51) 67.7%, oklch(56.57% 0.1635 1.00) 71.0%, oklch(55.01% 0.1396 350.79) 74.2%, oklch(53.98% 0.1019 335.19) 77.4%, oklch(53.11% 0.0616 316.29) 80.6%, oklch(52.03% 0.0302 296.17) 83.9%, oklch(50.37% 0.0185 276.11) 87.1%, oklch(48.01% 0.0259 252.38) 90.3%, oklch(45.38% 0.0437 227.44) 93.5%, oklch(42.99% 0.0632 205.26) 96.8%, oklch(41.34% 0.0714 189.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.413 | 0.073 | 202.5 |
| 2 | 0.571 | 0.098 | 194 |
| 3 | 0.665 | 0.059 | 193 |
| 4 | 0.614 | 0.066 | 340.9 |
| 5 | 0.673 | 0.165 | 354.7 |
| 6 | 0.563 | 0.161 | 360 |
| 7 | 0.512 | 0.021 | 284.9 |
| 8 | 0.413 | 0.076 | 189.8 |

## In these collections

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

## Other forms

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