# Near-black, turquoise and violet multicolor palette

The Near-black, turquoise and violet multicolor palette brings together dark green, teal, blue, light blue, and purple. 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 green, and its lightest tone is light blue.

- Also called: Tritone dark green, light blue and purple linear gradient
- Seed: `kWNCJxs5lElIxRDmo8RQDTD4`
- Page: https://grabient.com/kWNCJxs5lElIxRDmo8RQDTD4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, cool, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 9.6 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 | `#001d0f` | `oklch(20.48% 0.0467 159.51)` | Clock Chimes Thirteen | white, 17.7 to 1 |
| 2 | `#002114` | `oklch(22.07% 0.0480 162.57)` | Clock Chimes Thirteen | white, 17 to 1 |
| 3 | `#00271a` | `oklch(24.15% 0.0496 166.87)` | Deep Slate Green | white, 16.1 to 1 |
| 4 | `#002d23` | `oklch(26.61% 0.0516 171.99)` | Dark Jungle | white, 14.9 to 1 |
| 5 | `#00352c` | `oklch(29.37% 0.0541 177.63)` | Fence Green | white, 13.6 to 1 |
| 6 | `#013d37` | `oklch(32.32% 0.0569 183.48)` | Rich Black | white, 12.2 to 1 |
| 7 | `#024542` | `oklch(35.35% 0.0605 189.32)` | Dark Side | white, 10.8 to 1 |
| 8 | `#014e4e` | `oklch(38.37% 0.0649 194.89)` | Antique Turquoise | white, 9.5 to 1 |
| 9 | `#00565a` | `oklch(41.28% 0.0702 199.93)` | Deep Teal | white, 8.4 to 1 |
| 10 | `#005f67` | `oklch(44.29% 0.0756 204.69)` | Petrol | white, 7.4 to 1 |
| 11 | `#006875` | `oklch(47.48% 0.0819 209.36)` | Bankson Lake | white, 6.4 to 1 |
| 12 | `#007284` | `oklch(50.75% 0.0892 213.96)` | Caribbean Dream | white, 5.6 to 1 |
| 13 | `#007c95` | `oklch(54.04% 0.0974 218.53)` | Mosaic Blue | white, 4.8 to 1 |
| 14 | `#0085a6` | `oklch(57.27% 0.1067 223.10)` | Azores Blue | black, 4.9 to 1 |
| 15 | `#008eb8` | `oklch(60.36% 0.1173 227.68)` | Hawaiian Ocean | black, 5.5 to 1 |
| 16 | `#0096ca` | `oklch(63.23% 0.1295 232.31)` | Germander Speedwell | black, 6.2 to 1 |
| 17 | `#219dda` | `oklch(65.92% 0.1354 237.00)` | Homeworld | black, 6.8 to 1 |
| 18 | `#41a4e6` | `oklch(68.89% 0.1331 241.78)` | Perfect Days | black, 7.6 to 1 |
| 19 | `#5babf0` | `oklch(71.99% 0.1277 246.60)` | Cerulean | black, 8.5 to 1 |
| 20 | `#72b2f8` | `oklch(74.99% 0.1206 251.45)` | French Sky Blue | black, 9.4 to 1 |
| 21 | `#86b9fe` | `oklch(77.63% 0.1128 256.28)` | Carolina Blue | black, 10.3 to 1 |
| 22 | `#97bdff` | `oklch(79.65% 0.1026 261.08)` | Truesky Gloxym | black, 11 to 1 |
| 23 | `#a3bfff` | `oklch(80.83% 0.0957 265.83)` | Pastel Blue | black, 11.4 to 1 |
| 24 | `#a9beff` | `oklch(80.89% 0.0954 270.48)` | Pastel Blue | black, 11.4 to 1 |
| 25 | `#a9b7fc` | `oklch(79.48% 0.0992 275.17)` | Truesky Gloxym | black, 10.8 to 1 |
| 26 | `#a5abf3` | `oklch(76.41% 0.1037 280.14)` | Wondrous Wisteria | black, 9.7 to 1 |
| 27 | `#9e9be7` | `oklch(72.15% 0.1102 285.23)` | Dull Lavender | black, 8.2 to 1 |
| 28 | `#9588d9` | `oklch(67.20% 0.1179 290.24)` | Perrywinkle | black, 6.8 to 1 |
| 29 | `#8c75ca` | `oklch(62.06% 0.1261 294.96)` | True V | black, 5.5 to 1 |
| 30 | `#8463bb` | `oklch(57.21% 0.1338 299.19)` | Lavish Spending | white, 4.6 to 1 |
| 31 | `#7d54ae` | `oklch(53.16% 0.1403 302.76)` | Royal Lavender | white, 5.5 to 1 |
| 32 | `#784aa5` | `oklch(50.39% 0.1447 305.44)` | Studio | white, 6.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #001d0f 0.0%, #002114 3.2%, #00271a 6.5%, #002d23 9.7%, #00352c 12.9%, #013d37 16.1%, #024542 19.4%, #014e4e 22.6%, #00565a 25.8%, #005f67 29.0%, #006875 32.3%, #007284 35.5%, #007c95 38.7%, #0085a6 41.9%, #008eb8 45.2%, #0096ca 48.4%, #219dda 51.6%, #41a4e6 54.8%, #5babf0 58.1%, #72b2f8 61.3%, #86b9fe 64.5%, #97bdff 67.7%, #a3bfff 71.0%, #a9beff 74.2%, #a9b7fc 77.4%, #a5abf3 80.6%, #9e9be7 83.9%, #9588d9 87.1%, #8c75ca 90.3%, #8463bb 93.5%, #7d54ae 96.8%, #784aa5 100.0%);
background: linear-gradient(135deg in oklch, oklch(20.48% 0.0467 159.51) 0.0%, oklch(22.07% 0.0480 162.57) 3.2%, oklch(24.15% 0.0496 166.87) 6.5%, oklch(26.61% 0.0516 171.99) 9.7%, oklch(29.37% 0.0541 177.63) 12.9%, oklch(32.32% 0.0569 183.48) 16.1%, oklch(35.35% 0.0605 189.32) 19.4%, oklch(38.37% 0.0649 194.89) 22.6%, oklch(41.28% 0.0702 199.93) 25.8%, oklch(44.29% 0.0756 204.69) 29.0%, oklch(47.48% 0.0819 209.36) 32.3%, oklch(50.75% 0.0892 213.96) 35.5%, oklch(54.04% 0.0974 218.53) 38.7%, oklch(57.27% 0.1067 223.10) 41.9%, oklch(60.36% 0.1173 227.68) 45.2%, oklch(63.23% 0.1295 232.31) 48.4%, oklch(65.92% 0.1354 237.00) 51.6%, oklch(68.89% 0.1331 241.78) 54.8%, oklch(71.99% 0.1277 246.60) 58.1%, oklch(74.99% 0.1206 251.45) 61.3%, oklch(77.63% 0.1128 256.28) 64.5%, oklch(79.65% 0.1026 261.08) 67.7%, oklch(80.83% 0.0957 265.83) 71.0%, oklch(80.89% 0.0954 270.48) 74.2%, oklch(79.48% 0.0992 275.17) 77.4%, oklch(76.41% 0.1037 280.14) 80.6%, oklch(72.15% 0.1102 285.23) 83.9%, oklch(67.20% 0.1179 290.24) 87.1%, oklch(62.06% 0.1261 294.96) 90.3%, oklch(57.21% 0.1338 299.19) 93.5%, oklch(53.16% 0.1403 302.76) 96.8%, oklch(50.39% 0.1447 305.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.047 | 159.6 |
| 2 | 0.406 | 0.069 | 198.7 |
| 3 | 0.646 | 0.135 | 234.6 |
| 4 | 0.807 | 0.098 | 271.6 |
| 5 | 0.504 | 0.145 | 305.4 |

## In these collections

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

## Other forms

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