# Near-black, powder blue and wine multicolor palette

The Near-black, powder blue and wine multicolor palette brings together dark teal, blue, pale purple, and red. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark teal, and its lightest tone is pale purple.

- Also called: Black, light blue, lavender and maroon linear gradient
- Seed: `kUMxmUYa5EPUQRkss0jg`
- Page: https://grabient.com/kUMxmUYa5EPUQRkss0jg?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 15.1 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 | `#001a1e` | `oklch(20.08% 0.0344 208.12)` | Creeping Death | white, 17.9 to 1 |
| 2 | `#002329` | `oklch(23.50% 0.0405 210.11)` | Teal Spill | white, 16.4 to 1 |
| 3 | `#002f37` | `oklch(28.11% 0.0491 212.57)` | Roof Tile Green | white, 14.3 to 1 |
| 4 | `#003e4a` | `oklch(33.64% 0.0596 215.45)` | Ghostlands Coal | white, 11.6 to 1 |
| 5 | `#015061` | `oklch(39.80% 0.0715 218.60)` | Sandalwood Grey Blue | white, 9 to 1 |
| 6 | `#07637a` | `oklch(46.35% 0.0837 222.11)` | Jamaican Dream | white, 6.8 to 1 |
| 7 | `#157796` | `oklch(53.03% 0.0957 225.88)` | Pristine Seas | white, 5.1 to 1 |
| 8 | `#268ab2` | `oklch(59.55% 0.1067 229.87)` | Hidden Springs | black, 5.3 to 1 |
| 9 | `#389ccd` | `oklch(65.65% 0.1159 234.02)` | Blue Burst | black, 6.8 to 1 |
| 10 | `#4cace5` | `oklch(71.07% 0.1228 238.28)` | High Blue | black, 8.3 to 1 |
| 11 | `#60b8f9` | `oklch(75.54% 0.1264 242.61)` | Hello Summer | black, 9.7 to 1 |
| 12 | `#7dc1ff` | `oklch(79.07% 0.1122 246.98)` | Maya Blue | black, 10.9 to 1 |
| 13 | `#9acaff` | `oklch(82.38% 0.0908 251.48)` | Apocyan | black, 12.2 to 1 |
| 14 | `#b1d2ff` | `oklch(85.46% 0.0726 256.13)` | Ice Cold Stare | black, 13.5 to 1 |
| 15 | `#c3d9ff` | `oklch(88.21% 0.0575 260.94)` | Broad Daylight | black, 14.7 to 1 |
| 16 | `#d2e0ff` | `oklch(90.56% 0.0453 265.93)` | Arc Light | black, 15.8 to 1 |
| 17 | `#dde5ff` | `oklch(92.42% 0.0362 271.09)` | Lavender Mist | black, 16.7 to 1 |
| 18 | `#e4e9ff` | `oklch(93.71% 0.0302 276.45)` | Glitter | black, 17.4 to 1 |
| 19 | `#e9eaff` | `oklch(94.33% 0.0277 282.02)` | Glitter | black, 17.7 to 1 |
| 20 | `#eae9ff` | `oklch(94.21% 0.0292 287.80)` | Glitter | black, 17.6 to 1 |
| 21 | `#e9e5ff` | `oklch(93.26% 0.0356 293.81)` | Lavender Mist | black, 17 to 1 |
| 22 | `#e7dcfc` | `oklch(91.35% 0.0445 300.11)` | Lavender Savour | black, 16 to 1 |
| 23 | `#e0cff1` | `oklch(87.89% 0.0485 307.23)` | Mousse aux Pruneaux | black, 14.3 to 1 |
| 24 | `#d5bde1` | `oklch(83.01% 0.0557 315.13)` | Plum Point | black, 12.2 to 1 |
| 25 | `#c9a7cd` | `oklch(77.06% 0.0654 323.53)` | Catmint | black, 9.8 to 1 |
| 26 | `#bd8eb5` | `oklch(70.39% 0.0768 332.17)` | La la Love | black, 7.7 to 1 |
| 27 | `#af759b` | `oklch(63.36% 0.0893 340.78)` | So Long Shadow | black, 5.8 to 1 |
| 28 | `#a15b7f` | `oklch(56.31% 0.1020 349.10)` | Feminism | white, 4.8 to 1 |
| 29 | `#934363` | `oklch(49.61% 0.1142 356.84)` | Putnam Plum | white, 6.5 to 1 |
| 30 | `#862c4a` | `oklch(43.59% 0.1252 3.76)` | Anemone | white, 8.4 to 1 |
| 31 | `#7b1734` | `oklch(38.62% 0.1343 9.58)` | Deep Claret | white, 10.4 to 1 |
| 32 | `#720023` | `oklch(35.06% 0.1401 14.09)` | Evil Forces | white, 12 to 1 |

## CSS

```css
background: linear-gradient(45deg, #001a1e 0.0%, #002329 3.2%, #002f37 6.5%, #003e4a 9.7%, #015061 12.9%, #07637a 16.1%, #157796 19.4%, #268ab2 22.6%, #389ccd 25.8%, #4cace5 29.0%, #60b8f9 32.3%, #7dc1ff 35.5%, #9acaff 38.7%, #b1d2ff 41.9%, #c3d9ff 45.2%, #d2e0ff 48.4%, #dde5ff 51.6%, #e4e9ff 54.8%, #e9eaff 58.1%, #eae9ff 61.3%, #e9e5ff 64.5%, #e7dcfc 67.7%, #e0cff1 71.0%, #d5bde1 74.2%, #c9a7cd 77.4%, #bd8eb5 80.6%, #af759b 83.9%, #a15b7f 87.1%, #934363 90.3%, #862c4a 93.5%, #7b1734 96.8%, #720023 100.0%);
background: linear-gradient(45deg in oklch, oklch(20.08% 0.0344 208.12) 0.0%, oklch(23.50% 0.0405 210.11) 3.2%, oklch(28.11% 0.0491 212.57) 6.5%, oklch(33.64% 0.0596 215.45) 9.7%, oklch(39.80% 0.0715 218.60) 12.9%, oklch(46.35% 0.0837 222.11) 16.1%, oklch(53.03% 0.0957 225.88) 19.4%, oklch(59.55% 0.1067 229.87) 22.6%, oklch(65.65% 0.1159 234.02) 25.8%, oklch(71.07% 0.1228 238.28) 29.0%, oklch(75.54% 0.1264 242.61) 32.3%, oklch(79.07% 0.1122 246.98) 35.5%, oklch(82.38% 0.0908 251.48) 38.7%, oklch(85.46% 0.0726 256.13) 41.9%, oklch(88.21% 0.0575 260.94) 45.2%, oklch(90.56% 0.0453 265.93) 48.4%, oklch(92.42% 0.0362 271.09) 51.6%, oklch(93.71% 0.0302 276.45) 54.8%, oklch(94.33% 0.0277 282.02) 58.1%, oklch(94.21% 0.0292 287.80) 61.3%, oklch(93.26% 0.0356 293.81) 64.5%, oklch(91.35% 0.0445 300.11) 67.7%, oklch(87.89% 0.0485 307.23) 71.0%, oklch(83.01% 0.0557 315.13) 74.2%, oklch(77.06% 0.0654 323.53) 77.4%, oklch(70.39% 0.0768 332.17) 80.6%, oklch(63.36% 0.0893 340.78) 83.9%, oklch(56.31% 0.1020 349.10) 87.1%, oklch(49.61% 0.1142 356.84) 90.3%, oklch(43.59% 0.1252 3.76) 93.5%, oklch(38.62% 0.1343 9.58) 96.8%, oklch(35.06% 0.1401 14.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.201 | 0.034 | 208.1 |
| 2 | 0.768 | 0.127 | 244.1 |
| 3 | 0.921 | 0.044 | 297.9 |
| 4 | 0.35 | 0.141 | 374 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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