# Gilt Edge, Charcoal Core

The Near-black and charcoal black and gold palette brings together black, dark gray, gray, gold, and light yellow. 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 black, and its lightest tone is light yellow.

- Also called: Black, dark gray, yellow and tan linear swatches
- Seed: `kYHASvGoO_yaEv00gi-5rc-HYlQO`
- Page: https://grabient.com/kYHASvGoO_yaEv00gi-5rc-HYlQO?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: dark to light, neutral, dark
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 16.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 | `#030506` | `oklch(11.02% 0.0055 246.09)` | Eight Ball | white, 20.4 to 1 |
| 2 | `#14191c` | `oklch(20.87% 0.0096 245.04)` | Neverything | white, 17.7 to 1 |
| 3 | `#293034` | `oklch(30.31% 0.0124 239.75)` | Nightmare Fuel | white, 13.4 to 1 |
| 4 | `#4c4b48` | `oklch(41.34% 0.0055 102.38)` | Gravel | white, 8.6 to 1 |
| 5 | `#ebb832` | `oklch(80.71% 0.1516 86.52)` | Lizard Breath | black, 11.4 to 1 |
| 6 | `#fde798` | `oklch(92.91% 0.1020 94.98)` | Twinkle Little Star | black, 17.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #030506 0.000% 16.667%, #14191c 16.667% 33.333%, #293034 33.333% 50.000%, #4c4b48 50.000% 66.667%, #ebb832 66.667% 83.333%, #fde798 83.333% 100.000%);
background: linear-gradient(90deg, oklch(11.02% 0.0055 246.09) 0.000% 16.667%, oklch(20.87% 0.0096 245.04) 16.667% 33.333%, oklch(30.31% 0.0124 239.75) 33.333% 50.000%, oklch(41.34% 0.0055 102.38) 50.000% 66.667%, oklch(80.71% 0.1516 86.52) 66.667% 83.333%, oklch(92.91% 0.1020 94.98) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.11 | 0.006 | 246.1 |
| 2 | 0.209 | 0.01 | 245 |
| 3 | 0.303 | 0.012 | 239.8 |
| 4 | 0.413 | 0.006 | 102.4 |
| 5 | 0.807 | 0.152 | 86.5 |
| 6 | 0.929 | 0.102 | 95 |

## In these collections

- [Black and gold color palette](https://grabient.com/black-and-gold-color-palette)

## Other forms

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