# Near-black, tan and gray silent hill palette

The Near-black, tan and gray silent hill palette brings together dark gray, red, orange, green, and gray. 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 orange.

- Also called: Black, maroon, green and gray angular swatches
- Seed: `kWLg8RLyS_9uOx06lEcyYO_4`
- Page: https://grabient.com/kWLg8RLyS_9uOx06lEcyYO_4?style=angularSwatches&steps=5&angle=245
- Drawn as: angular swatches, 5 steps, 245 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.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 | `#1a0e0d` | `oklch(18.11% 0.0207 23.91)` | Scandinavian Liquorice | white, 18.8 to 1 |
| 2 | `#6b2524` | `oklch(37.01% 0.1006 23.91)` | Azuki Red | white, 10.9 to 1 |
| 3 | `#b0a489` | `oklch(72.05% 0.0400 86.25)` | Curly Willow | black, 8.4 to 1 |
| 4 | `#436146` | `oklch(46.06% 0.0551 147.55)` | Cupidity | white, 6.9 to 1 |
| 5 | `#767c77` | `oklch(57.87% 0.0096 147.55)` | Harbour Rat | black, 4.8 to 1 |

## CSS

```css
background: conic-gradient(from 245deg, #1a0e0d 0.000% 20.000%, #6b2524 20.000% 40.000%, #b0a489 40.000% 60.000%, #436146 60.000% 80.000%, #767c77 80.000% 100.000%);
background: conic-gradient(from 245deg, oklch(18.11% 0.0207 23.91) 0.000% 20.000%, oklch(37.01% 0.1006 23.91) 20.000% 40.000%, oklch(72.05% 0.0400 86.25) 40.000% 60.000%, oklch(46.06% 0.0551 147.55) 60.000% 80.000%, oklch(57.87% 0.0096 147.55) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.181 | 0.021 | 23.9 |
| 2 | 0.37 | 0.101 | 23.9 |
| 3 | 0.72 | 0.04 | 86.3 |
| 4 | 0.461 | 0.055 | 147.5 |
| 5 | 0.579 | 0.01 | 147.5 |

## In these collections

- [Silent Hill swatches](https://grabient.com/silent-hill-swatches)

## Other forms

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