# Dusty blue and teal charcoal plum tailoring

The Dusty blue and teal charcoal plum tailoring brings together dark gray, purple, magenta, light purple, blue, and teal. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light purple.

- Also called: Navy, purple, gray and teal linear gradient
- Seed: `kYRRDHtpnD1MewNhEb4V482UAWvE`
- Page: https://grabient.com/kYRRDHtpnD1MewNhEb4V482UAWvE?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#252632` | `oklch(27.17% 0.0220 280.55)` | Infinity | white, 15 to 1 |
| 2 | `#292938` | `oklch(28.74% 0.0275 284.25)` | Mangu Black | white, 14.3 to 1 |
| 3 | `#2f2d41` | `oklch(30.84% 0.0352 289.58)` | Black Violet | white, 13.3 to 1 |
| 4 | `#38324b` | `oklch(33.37% 0.0444 295.82)` | Chrysomela Goettingensis | white, 12.2 to 1 |
| 5 | `#433755` | `oklch(36.19% 0.0537 302.22)` | Purple Plumeria | white, 10.9 to 1 |
| 6 | `#4f3c5f` | `oklch(39.21% 0.0624 308.07)` | Mulberry Purple | white, 9.7 to 1 |
| 7 | `#5b4269` | `oklch(42.30% 0.0692 312.62)` | Sunset Serenade | white, 8.6 to 1 |
| 8 | `#674a73` | `oklch(45.56% 0.0741 315.67)` | Clary | white, 7.5 to 1 |
| 9 | `#74537e` | `oklch(49.28% 0.0783 318.00)` | Patrician Purple | white, 6.4 to 1 |
| 10 | `#815d8a` | `oklch(53.23% 0.0816 319.67)` | Muted Purple | white, 5.4 to 1 |
| 11 | `#8e6796` | `oklch(57.19% 0.0839 320.69)` | Viola Grey | white, 4.6 to 1 |
| 12 | `#9b72a2` | `oklch(60.93% 0.0850 321.11)` | Scotch Thistle | black, 5.3 to 1 |
| 13 | `#a57cac` | `oklch(64.22% 0.0846 320.93)` | Design Delight | black, 6 to 1 |
| 14 | `#ac85b5` | `oklch(66.95% 0.0824 320.36)` | Purple Statice | black, 6.7 to 1 |
| 15 | `#b28dbb` | `oklch(69.47% 0.0776 319.88)` | Young Prince | black, 7.4 to 1 |
| 16 | `#b796c0` | `oklch(71.73% 0.0711 319.04)` | Atlantic Tulip | black, 8.1 to 1 |
| 17 | `#bb9ec5` | `oklch(73.65% 0.0637 317.32)` | Purple Prophet | black, 8.7 to 1 |
| 18 | `#bca4c8` | `oklch(75.13% 0.0566 314.17)` | Lavendula | black, 9.2 to 1 |
| 19 | `#bba9ca` | `oklch(76.09% 0.0508 309.07)` | Immortal | black, 9.6 to 1 |
| 20 | `#b7accc` | `oklch(76.44% 0.0469 301.35)` | Lavender Dream | black, 9.7 to 1 |
| 21 | `#b0adcc` | `oklch(76.16% 0.0442 289.91)` | Lavender Dream | black, 9.7 to 1 |
| 22 | `#a7adca` | `oklch(75.33% 0.0422 275.79)` | Lovely Lilac | black, 9.5 to 1 |
| 23 | `#9cacc6` | `oklch(74.06% 0.0410 260.45)` | Satin Soft Blue | black, 9.1 to 1 |
| 24 | `#92a9be` | `oklch(72.43% 0.0405 245.36)` | Cotton Denim | black, 8.6 to 1 |
| 25 | `#87a5b5` | `oklch(70.54% 0.0407 231.97)` | Grauzone | black, 8 to 1 |
| 26 | `#7ea0ac` | `oklch(68.46% 0.0416 221.71)` | Lake Winnipeg | black, 7.5 to 1 |
| 27 | `#7399a2` | `oklch(65.73% 0.0439 213.90)` | Great Fennel Flower | black, 6.7 to 1 |
| 28 | `#659096` | `oklch(62.39% 0.0475 207.62)` | Blue Clay | black, 5.9 to 1 |
| 29 | `#57868a` | `oklch(58.82% 0.0517 202.63)` | Rainier Blue | black, 5.1 to 1 |
| 30 | `#497d7f` | `oklch(55.38% 0.0559 198.67)` | Submerged | white, 4.6 to 1 |
| 31 | `#3d7575` | `oklch(52.45% 0.0595 195.49)` | Ming | white, 5.2 to 1 |
| 32 | `#34706e` | `oklch(50.39% 0.0620 192.84)` | Jungle Noises | white, 5.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #252632 0.0%, #292938 3.2%, #2f2d41 6.5%, #38324b 9.7%, #433755 12.9%, #4f3c5f 16.1%, #5b4269 19.4%, #674a73 22.6%, #74537e 25.8%, #815d8a 29.0%, #8e6796 32.3%, #9b72a2 35.5%, #a57cac 38.7%, #ac85b5 41.9%, #b28dbb 45.2%, #b796c0 48.4%, #bb9ec5 51.6%, #bca4c8 54.8%, #bba9ca 58.1%, #b7accc 61.3%, #b0adcc 64.5%, #a7adca 67.7%, #9cacc6 71.0%, #92a9be 74.2%, #87a5b5 77.4%, #7ea0ac 80.6%, #7399a2 83.9%, #659096 87.1%, #57868a 90.3%, #497d7f 93.5%, #3d7575 96.8%, #34706e 100.0%);
background: linear-gradient(45deg in oklch, oklch(27.17% 0.0220 280.55) 0.0%, oklch(28.74% 0.0275 284.25) 3.2%, oklch(30.84% 0.0352 289.58) 6.5%, oklch(33.37% 0.0444 295.82) 9.7%, oklch(36.19% 0.0537 302.22) 12.9%, oklch(39.21% 0.0624 308.07) 16.1%, oklch(42.30% 0.0692 312.62) 19.4%, oklch(45.56% 0.0741 315.67) 22.6%, oklch(49.28% 0.0783 318.00) 25.8%, oklch(53.23% 0.0816 319.67) 29.0%, oklch(57.19% 0.0839 320.69) 32.3%, oklch(60.93% 0.0850 321.11) 35.5%, oklch(64.22% 0.0846 320.93) 38.7%, oklch(66.95% 0.0824 320.36) 41.9%, oklch(69.47% 0.0776 319.88) 45.2%, oklch(71.73% 0.0711 319.04) 48.4%, oklch(73.65% 0.0637 317.32) 51.6%, oklch(75.13% 0.0566 314.17) 54.8%, oklch(76.09% 0.0508 309.07) 58.1%, oklch(76.44% 0.0469 301.35) 61.3%, oklch(76.16% 0.0442 289.91) 64.5%, oklch(75.33% 0.0422 275.79) 67.7%, oklch(74.06% 0.0410 260.45) 71.0%, oklch(72.43% 0.0405 245.36) 74.2%, oklch(70.54% 0.0407 231.97) 77.4%, oklch(68.46% 0.0416 221.71) 80.6%, oklch(65.73% 0.0439 213.90) 83.9%, oklch(62.39% 0.0475 207.62) 87.1%, oklch(58.82% 0.0517 202.63) 90.3%, oklch(55.38% 0.0559 198.67) 93.5%, oklch(52.45% 0.0595 195.49) 96.8%, oklch(50.39% 0.0620 192.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.022 | 280.5 |
| 2 | 0.429 | 0.07 | 313.3 |
| 3 | 0.654 | 0.084 | 320.7 |
| 4 | 0.764 | 0.048 | 304.9 |
| 5 | 0.689 | 0.041 | 223.5 |
| 6 | 0.504 | 0.062 | 192.8 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)

## Other forms

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