# Deep teal plum and coral

Deep teal moves through teal-blue and blue-gray into purple and plum, then warms through rose to coral. This 80-stop angular gradient joins the coral and deep teal ends at the fan seam. Its restrained dark colors and warmer rose passage create a moody plum palette with a clear cool-to-warm journey.

- Also called: Black, purple and pink angular gradient
- Seed: `kWPxWZM5M_zKaS7AL0S1DHCo`
- Page: https://grabient.com/kWPxWZM5M_zKaS7AL0S1DHCo?style=angularGradient&steps=80&angle=230
- Drawn as: angular gradient, 80 steps, 230 degrees
- Kinds: dark to light, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#0f252a` | `oklch(24.80% 0.0289 215.16)` | Sunken Ship | white, 15.9 to 1 |
| 2 | `#10262b` | `oklch(25.26% 0.0296 215.00)` | Sunken Ship | white, 15.7 to 1 |
| 3 | `#11272d` | `oklch(25.83% 0.0304 214.63)` | Black Box | white, 15.4 to 1 |
| 4 | `#11292f` | `oklch(26.50% 0.0313 214.07)` | Black Box | white, 15.1 to 1 |
| 5 | `#122b31` | `oklch(27.25% 0.0322 213.37)` | Black Chasm | white, 14.8 to 1 |
| 6 | `#132d33` | `oklch(28.07% 0.0333 212.56)` | Black Chasm | white, 14.4 to 1 |
| 7 | `#153035` | `oklch(28.96% 0.0345 211.69)` | Elite Teal | white, 13.9 to 1 |
| 8 | `#163238` | `oklch(29.89% 0.0357 210.79)` | Elite Teal | white, 13.5 to 1 |
| 9 | `#17353a` | `oklch(30.86% 0.0369 209.90)` | Ore Bluish Black | white, 13 to 1 |
| 10 | `#18383d` | `oklch(31.85% 0.0383 209.07)` | Nordic | white, 12.5 to 1 |
| 11 | `#1a3b40` | `oklch(32.85% 0.0396 208.33)` | Royal Neptune | white, 12.1 to 1 |
| 12 | `#1b3e43` | `oklch(33.85% 0.0410 207.73)` | Sunken Harbour | white, 11.6 to 1 |
| 13 | `#1c4045` | `oklch(34.83% 0.0424 207.29)` | Bay Isle Pointe | white, 11.1 to 1 |
| 14 | `#1d4348` | `oklch(35.79% 0.0438 207.07)` | Emerald Forest | white, 10.7 to 1 |
| 15 | `#1e464b` | `oklch(36.70% 0.0451 207.10)` | Blue Hill | white, 10.3 to 1 |
| 16 | `#1f484e` | `oklch(37.56% 0.0465 207.41)` | Everglade Deck | white, 9.9 to 1 |
| 17 | `#204a51` | `oklch(38.36% 0.0478 208.06)` | Ponderosa Pine | white, 9.6 to 1 |
| 18 | `#214d53` | `oklch(39.08% 0.0491 209.08)` | Hurricane Green Blue | white, 9.3 to 1 |
| 19 | `#224e56` | `oklch(39.71% 0.0504 210.50)` | Hurricane Green Blue | white, 9.1 to 1 |
| 20 | `#225059` | `oklch(40.23% 0.0515 212.38)` | Sunken Mystery | white, 8.9 to 1 |
| 21 | `#23515b` | `oklch(40.64% 0.0526 214.74)` | Sunken Mystery | white, 8.7 to 1 |
| 22 | `#24515d` | `oklch(40.94% 0.0536 217.71)` | Sunken Mystery | white, 8.6 to 1 |
| 23 | `#255160` | `oklch(41.14% 0.0545 221.27)` | Shadow of Night | white, 8.6 to 1 |
| 24 | `#265162` | `oklch(41.24% 0.0553 225.35)` | Shadow of Night | white, 8.5 to 1 |
| 25 | `#275164` | `oklch(41.27% 0.0561 229.90)` | Juggernaut | white, 8.6 to 1 |
| 26 | `#295065` | `oklch(41.23% 0.0568 234.85)` | Shadow of Night | white, 8.6 to 1 |
| 27 | `#2c4f67` | `oklch(41.13% 0.0575 240.14)` | Outer Space | white, 8.6 to 1 |
| 28 | `#2e4d68` | `oklch(40.99% 0.0581 245.71)` | Celestial Blue | white, 8.7 to 1 |
| 29 | `#314c69` | `oklch(40.81% 0.0588 251.49)` | Blueberry Pie | white, 8.8 to 1 |
| 30 | `#344a69` | `oklch(40.61% 0.0594 257.43)` | Naval Blue | white, 8.9 to 1 |
| 31 | `#384869` | `oklch(40.40% 0.0601 263.46)` | Garnet Stone Blue | white, 9 to 1 |
| 32 | `#3b4669` | `oklch(40.18% 0.0609 269.52)` | Starlit Night | white, 9.2 to 1 |
| 33 | `#3e4569` | `oklch(39.97% 0.0617 275.55)` | Starlit Night | white, 9.3 to 1 |
| 34 | `#414368` | `oklch(39.78% 0.0626 281.48)` | Wooed | white, 9.4 to 1 |
| 35 | `#444167` | `oklch(39.62% 0.0636 287.25)` | Evening Mauve | white, 9.5 to 1 |
| 36 | `#483f66` | `oklch(39.50% 0.0647 292.81)` | Evening Mauve | white, 9.6 to 1 |
| 37 | `#4b3e65` | `oklch(39.43% 0.0660 298.08)` | Geode | white, 9.6 to 1 |
| 38 | `#4d3d64` | `oklch(39.43% 0.0674 303.01)` | Mulberry Purple | white, 9.6 to 1 |
| 39 | `#503c63` | `oklch(39.50% 0.0689 307.54)` | Mulberry Purple | white, 9.6 to 1 |
| 40 | `#533b62` | `oklch(39.65% 0.0707 311.60)` | Purpurite Violet | white, 9.6 to 1 |
| 41 | `#563b62` | `oklch(39.89% 0.0727 315.17)` | Purpurite Violet | white, 9.5 to 1 |
| 42 | `#593a62` | `oklch(40.19% 0.0749 318.45)` | Purpurite Violet | white, 9.4 to 1 |
| 43 | `#5c3a62` | `oklch(40.52% 0.0775 321.49)` | Long Passionate Night | white, 9.3 to 1 |
| 44 | `#5f3a62` | `oklch(40.90% 0.0803 324.32)` | Purple Splendour | white, 9.2 to 1 |
| 45 | `#633a63` | `oklch(41.31% 0.0832 326.94)` | Wine Tour | white, 9 to 1 |
| 46 | `#663a63` | `oklch(41.75% 0.0864 329.38)` | Wine Tour | white, 8.9 to 1 |
| 47 | `#693a64` | `oklch(42.23% 0.0897 331.65)` | Berry Light | white, 8.7 to 1 |
| 48 | `#6d3a64` | `oklch(42.74% 0.0931 333.76)` | Berry Light | white, 8.6 to 1 |
| 49 | `#713a65` | `oklch(43.27% 0.0966 335.74)` | Burnt Orchid | white, 8.4 to 1 |
| 50 | `#743a65` | `oklch(43.83% 0.1001 337.60)` | Burnt Orchid | white, 8.2 to 1 |
| 51 | `#783a66` | `oklch(44.41% 0.1035 339.35)` | Burnt Orchid | white, 8 to 1 |
| 52 | `#7c3a67` | `oklch(45.01% 0.1070 341.02)` | Burnt Orchid | white, 7.8 to 1 |
| 53 | `#7f3b67` | `oklch(45.63% 0.1104 342.62)` | Midnight Aubergine | white, 7.7 to 1 |
| 54 | `#833b68` | `oklch(46.26% 0.1137 344.16)` | Midnight Aubergine | white, 7.5 to 1 |
| 55 | `#873c69` | `oklch(46.91% 0.1168 345.66)` | Midnight Aubergine | white, 7.3 to 1 |
| 56 | `#8b3c69` | `oklch(47.56% 0.1198 347.15)` | Midnight Aubergine | white, 7.1 to 1 |
| 57 | `#8e3d6a` | `oklch(48.22% 0.1225 348.62)` | Bonbon Red | white, 6.9 to 1 |
| 58 | `#923e6a` | `oklch(48.89% 0.1250 350.11)` | Dynamo | white, 6.7 to 1 |
| 59 | `#963e6a` | `oklch(49.56% 0.1272 351.63)` | Dynamo | white, 6.5 to 1 |
| 60 | `#993f6a` | `oklch(50.23% 0.1291 353.19)` | Dynamo | white, 6.3 to 1 |
| 61 | `#9d416a` | `oklch(50.91% 0.1307 354.79)` | Satsuma Imo Red | white, 6.2 to 1 |
| 62 | `#a0426a` | `oklch(51.66% 0.1320 356.36)` | Ancient Fuchsia | white, 6 to 1 |
| 63 | `#a4446a` | `oklch(52.45% 0.1332 357.89)` | Ancient Fuchsia | white, 5.8 to 1 |
| 64 | `#a8466a` | `oklch(53.29% 0.1341 359.40)` | Fuchsia Flock | white, 5.6 to 1 |
| 65 | `#ac486b` | `oklch(54.17% 0.1349 0.87)` | Fuchsia Flock | white, 5.4 to 1 |
| 66 | `#af4a6b` | `oklch(55.08% 0.1355 2.29)` | Bing Cherry Pie | white, 5.2 to 1 |
| 67 | `#b34d6c` | `oklch(56.00% 0.1359 3.68)` | Lickedy Lick | white, 5 to 1 |
| 68 | `#b7506c` | `oklch(56.94% 0.1362 5.03)` | Tulip Red | white, 4.8 to 1 |
| 69 | `#ba526d` | `oklch(57.88% 0.1365 6.32)` | Tulip Red | white, 4.6 to 1 |
| 70 | `#be556e` | `oklch(58.82% 0.1366 7.57)` | Ripe Cherry | black, 4.7 to 1 |
| 71 | `#c2586f` | `oklch(59.74% 0.1366 8.77)` | Mon Cher Ami | black, 4.9 to 1 |
| 72 | `#c55b6f` | `oklch(60.64% 0.1366 9.91)` | Mon Cher Ami | black, 5 to 1 |
| 73 | `#c85d70` | `oklch(61.52% 0.1366 11.00)` | Triple Berry | black, 5.2 to 1 |
| 74 | `#cb6071` | `oklch(62.35% 0.1365 12.03)` | Triple Berry | black, 5.4 to 1 |
| 75 | `#ce6372` | `oklch(63.14% 0.1364 13.00)` | Tuna Sashimi | black, 5.6 to 1 |
| 76 | `#d16573` | `oklch(63.88% 0.1363 13.90)` | Tuna Sashimi | black, 5.8 to 1 |
| 77 | `#d36773` | `oklch(64.56% 0.1362 14.74)` | Kiss and Tell | black, 5.9 to 1 |
| 78 | `#d56974` | `oklch(65.17% 0.1362 15.51)` | Kiss and Tell | black, 6.1 to 1 |
| 79 | `#d76b74` | `oklch(65.70% 0.1363 16.21)` | Kiss and Tell | black, 6.2 to 1 |
| 80 | `#d96c74` | `oklch(66.14% 0.1364 16.84)` | Kiss and Tell | black, 6.3 to 1 |

## CSS

```css
background: conic-gradient(from 230deg, #0f252a 0.0%, #10262b 1.3%, #11272d 2.5%, #11292f 3.8%, #122b31 5.1%, #132d33 6.3%, #153035 7.6%, #163238 8.9%, #17353a 10.1%, #18383d 11.4%, #1a3b40 12.7%, #1b3e43 13.9%, #1c4045 15.2%, #1d4348 16.5%, #1e464b 17.7%, #1f484e 19.0%, #204a51 20.3%, #214d53 21.5%, #224e56 22.8%, #225059 24.1%, #23515b 25.3%, #24515d 26.6%, #255160 27.8%, #265162 29.1%, #275164 30.4%, #295065 31.6%, #2c4f67 32.9%, #2e4d68 34.2%, #314c69 35.4%, #344a69 36.7%, #384869 38.0%, #3b4669 39.2%, #3e4569 40.5%, #414368 41.8%, #444167 43.0%, #483f66 44.3%, #4b3e65 45.6%, #4d3d64 46.8%, #503c63 48.1%, #533b62 49.4%, #563b62 50.6%, #593a62 51.9%, #5c3a62 53.2%, #5f3a62 54.4%, #633a63 55.7%, #663a63 57.0%, #693a64 58.2%, #6d3a64 59.5%, #713a65 60.8%, #743a65 62.0%, #783a66 63.3%, #7c3a67 64.6%, #7f3b67 65.8%, #833b68 67.1%, #873c69 68.4%, #8b3c69 69.6%, #8e3d6a 70.9%, #923e6a 72.2%, #963e6a 73.4%, #993f6a 74.7%, #9d416a 75.9%, #a0426a 77.2%, #a4446a 78.5%, #a8466a 79.7%, #ac486b 81.0%, #af4a6b 82.3%, #b34d6c 83.5%, #b7506c 84.8%, #ba526d 86.1%, #be556e 87.3%, #c2586f 88.6%, #c55b6f 89.9%, #c85d70 91.1%, #cb6071 92.4%, #ce6372 93.7%, #d16573 94.9%, #d36773 96.2%, #d56974 97.5%, #d76b74 98.7%, #d96c74 100.0%);
background: conic-gradient(from 230deg in oklch, oklch(24.80% 0.0289 215.16) 0.0%, oklch(25.26% 0.0296 215.00) 1.3%, oklch(25.83% 0.0304 214.63) 2.5%, oklch(26.50% 0.0313 214.07) 3.8%, oklch(27.25% 0.0322 213.37) 5.1%, oklch(28.07% 0.0333 212.56) 6.3%, oklch(28.96% 0.0345 211.69) 7.6%, oklch(29.89% 0.0357 210.79) 8.9%, oklch(30.86% 0.0369 209.90) 10.1%, oklch(31.85% 0.0383 209.07) 11.4%, oklch(32.85% 0.0396 208.33) 12.7%, oklch(33.85% 0.0410 207.73) 13.9%, oklch(34.83% 0.0424 207.29) 15.2%, oklch(35.79% 0.0438 207.07) 16.5%, oklch(36.70% 0.0451 207.10) 17.7%, oklch(37.56% 0.0465 207.41) 19.0%, oklch(38.36% 0.0478 208.06) 20.3%, oklch(39.08% 0.0491 209.08) 21.5%, oklch(39.71% 0.0504 210.50) 22.8%, oklch(40.23% 0.0515 212.38) 24.1%, oklch(40.64% 0.0526 214.74) 25.3%, oklch(40.94% 0.0536 217.71) 26.6%, oklch(41.14% 0.0545 221.27) 27.8%, oklch(41.24% 0.0553 225.35) 29.1%, oklch(41.27% 0.0561 229.90) 30.4%, oklch(41.23% 0.0568 234.85) 31.6%, oklch(41.13% 0.0575 240.14) 32.9%, oklch(40.99% 0.0581 245.71) 34.2%, oklch(40.81% 0.0588 251.49) 35.4%, oklch(40.61% 0.0594 257.43) 36.7%, oklch(40.40% 0.0601 263.46) 38.0%, oklch(40.18% 0.0609 269.52) 39.2%, oklch(39.97% 0.0617 275.55) 40.5%, oklch(39.78% 0.0626 281.48) 41.8%, oklch(39.62% 0.0636 287.25) 43.0%, oklch(39.50% 0.0647 292.81) 44.3%, oklch(39.43% 0.0660 298.08) 45.6%, oklch(39.43% 0.0674 303.01) 46.8%, oklch(39.50% 0.0689 307.54) 48.1%, oklch(39.65% 0.0707 311.60) 49.4%, oklch(39.89% 0.0727 315.17) 50.6%, oklch(40.19% 0.0749 318.45) 51.9%, oklch(40.52% 0.0775 321.49) 53.2%, oklch(40.90% 0.0803 324.32) 54.4%, oklch(41.31% 0.0832 326.94) 55.7%, oklch(41.75% 0.0864 329.38) 57.0%, oklch(42.23% 0.0897 331.65) 58.2%, oklch(42.74% 0.0931 333.76) 59.5%, oklch(43.27% 0.0966 335.74) 60.8%, oklch(43.83% 0.1001 337.60) 62.0%, oklch(44.41% 0.1035 339.35) 63.3%, oklch(45.01% 0.1070 341.02) 64.6%, oklch(45.63% 0.1104 342.62) 65.8%, oklch(46.26% 0.1137 344.16) 67.1%, oklch(46.91% 0.1168 345.66) 68.4%, oklch(47.56% 0.1198 347.15) 69.6%, oklch(48.22% 0.1225 348.62) 70.9%, oklch(48.89% 0.1250 350.11) 72.2%, oklch(49.56% 0.1272 351.63) 73.4%, oklch(50.23% 0.1291 353.19) 74.7%, oklch(50.91% 0.1307 354.79) 75.9%, oklch(51.66% 0.1320 356.36) 77.2%, oklch(52.45% 0.1332 357.89) 78.5%, oklch(53.29% 0.1341 359.40) 79.7%, oklch(54.17% 0.1349 0.87) 81.0%, oklch(55.08% 0.1355 2.29) 82.3%, oklch(56.00% 0.1359 3.68) 83.5%, oklch(56.94% 0.1362 5.03) 84.8%, oklch(57.88% 0.1365 6.32) 86.1%, oklch(58.82% 0.1366 7.57) 87.3%, oklch(59.74% 0.1366 8.77) 88.6%, oklch(60.64% 0.1366 9.91) 89.9%, oklch(61.52% 0.1366 11.00) 91.1%, oklch(62.35% 0.1365 12.03) 92.4%, oklch(63.14% 0.1364 13.00) 93.7%, oklch(63.88% 0.1363 13.90) 94.9%, oklch(64.56% 0.1362 14.74) 96.2%, oklch(65.17% 0.1362 15.51) 97.5%, oklch(65.70% 0.1363 16.21) 98.7%, oklch(66.14% 0.1364 16.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.248 | 0.029 | 215.2 |
| 2 | 0.406 | 0.052 | 214.1 |
| 3 | 0.398 | 0.072 | 313.4 |
| 4 | 0.504 | 0.13 | 353.6 |
| 5 | 0.661 | 0.136 | 376.8 |

## In these collections

- [Plum noir](https://grabient.com/plum-noir)

## Other forms

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