# Silver, bronze and crimson silent hill palette

The Silver, bronze and crimson silent hill palette brings together gray, green, orange, light orange, and red. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is light orange.

- Also called: Analogous gray, brown and maroon linear swatches
- Seed: `kWrQdlQhI_7CZthjDsNtqg4w`
- Page: https://grabient.com/kWrQdlQhI_7CZthjDsNtqg4w?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: muted
- Hues: wide
- Contrast of its darkest and lightest colors: 5 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 | `#959a95` | `oklch(68.11% 0.0096 142.03)` | Dark Limestone | black, 7.3 to 1 |
| 2 | `#597056` | `oklch(51.97% 0.0496 142.03)` | Cactus | white, 5.3 to 1 |
| 3 | `#5e3919` | `oklch(38.19% 0.0703 58.55)` | Chocolate Fantasies | white, 10.1 to 1 |
| 4 | `#c2b69b` | `oklch(77.95% 0.0400 88.14)` | Distant Valley | black, 10.4 to 1 |
| 5 | `#81332c` | `oklch(42.91% 0.1102 27.90)` | Dockside Red | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #959a95 0.000% 20.000%, #597056 20.000% 40.000%, #5e3919 40.000% 60.000%, #c2b69b 60.000% 80.000%, #81332c 80.000% 100.000%);
background: linear-gradient(90deg, oklch(68.11% 0.0096 142.03) 0.000% 20.000%, oklch(51.97% 0.0496 142.03) 20.000% 40.000%, oklch(38.19% 0.0703 58.55) 40.000% 60.000%, oklch(77.95% 0.0400 88.14) 60.000% 80.000%, oklch(42.91% 0.1102 27.90) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.681 | 0.01 | 142 |
| 2 | 0.52 | 0.05 | 142 |
| 3 | 0.382 | 0.07 | 58.5 |
| 4 | 0.78 | 0.04 | 88.1 |
| 5 | 0.429 | 0.11 | 27.9 |

## In these collections

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

## Other forms

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