# Near-black, silver and violet color palette

The Near-black, silver and violet color palette brings together dark gray, dark teal, teal, off-white, and purple. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits website sections and interface mockups. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Black, gray, teal and purple angular swatches
- Seed: `kYLg-Dnok_7GLP_1BL_zbM_8wvTO`
- Page: https://grabient.com/kYLg-Dnok_7GLP_1BL_zbM_8wvTO?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 14.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 | `#071513` | `oklch(18.11% 0.0207 184.92)` | Black Is Back | white, 18.6 to 1 |
| 2 | `#112321` | `oklch(24.02% 0.0248 184.92)` | Black Feather | white, 16.3 to 1 |
| 3 | `#324a47` | `oklch(38.98% 0.0303 184.92)` | Frontier | white, 9.4 to 1 |
| 4 | `#dce8e6` | `oklch(92.13% 0.0124 184.92)` | Starburst | black, 16.7 to 1 |
| 5 | `#00988c` | `oklch(61.03% 0.1076 184.92)` | Plumage | black, 5.8 to 1 |
| 6 | `#866ec4` | `oklch(59.84% 0.1295 294.82)` | Lavish Spending | black, 5 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #071513 0.000% 16.667%, #112321 16.667% 33.333%, #324a47 33.333% 50.000%, #dce8e6 50.000% 66.667%, #00988c 66.667% 83.333%, #866ec4 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(18.11% 0.0207 184.92) 0.000% 16.667%, oklch(24.02% 0.0248 184.92) 16.667% 33.333%, oklch(38.98% 0.0303 184.92) 33.333% 50.000%, oklch(92.13% 0.0124 184.92) 50.000% 66.667%, oklch(61.03% 0.1076 184.92) 66.667% 83.333%, oklch(59.84% 0.1295 294.82) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.021 | 184.9 |
| 2 | 0.24 | 0.025 | 184.9 |
| 3 | 0.39 | 0.03 | 184.9 |
| 4 | 0.921 | 0.012 | 184.9 |
| 5 | 0.61 | 0.141 | 184.9 |
| 6 | 0.598 | 0.13 | 294.8 |

## In these collections

- [Modern swatches](https://grabient.com/modern-swatches)
- [Presentation swatches](https://grabient.com/presentation-swatches)
- [UI swatches](https://grabient.com/ui-swatches)
- [Elegant swatches](https://grabient.com/elegant-swatches)

## Other forms

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