# Stone, burgundy and sage silent hill palette

The Stone, burgundy and sage silent hill palette brings together light orange, gray, red, dark orange, and green. 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 orange, and its lightest tone is light orange.

- Also called: Gray, brown and dark green angular swatches
- Seed: `kWyR1A0YO8LMoPCjlkMOBZJQ`
- Page: https://grabient.com/kWyR1A0YO8LMoPCjlkMOBZJQ?style=angularSwatches&steps=5&angle=35
- Drawn as: angular swatches, 5 steps, 35 degrees
- Kinds: dark center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 7.7 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 | `#c5bb9e` | `oklch(79.13% 0.0400 90.70)` | Beach Dune | black, 10.9 to 1 |
| 2 | `#918b87` | `oklch(64.17% 0.0096 59.00)` | Creek Bend | black, 6.2 to 1 |
| 3 | `#792b25` | `oklch(40.16% 0.1102 27.30)` | Strong Envy | white, 9.6 to 1 |
| 4 | `#3f1f07` | `oklch(27.95% 0.0606 53.72)` | Dark Ebony | white, 14.8 to 1 |
| 5 | `#465a37` | `oklch(44.09% 0.0606 132.97)` | Turf | white, 7.5 to 1 |

## CSS

```css
background: conic-gradient(from 35deg, #c5bb9e 0.000% 20.000%, #918b87 20.000% 40.000%, #792b25 40.000% 60.000%, #3f1f07 60.000% 80.000%, #465a37 80.000% 100.000%);
background: conic-gradient(from 35deg, oklch(79.13% 0.0400 90.70) 0.000% 20.000%, oklch(64.17% 0.0096 59.00) 20.000% 40.000%, oklch(40.16% 0.1102 27.30) 40.000% 60.000%, oklch(27.95% 0.0606 53.72) 60.000% 80.000%, oklch(44.09% 0.0606 132.97) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.791 | 0.04 | 90.7 |
| 2 | 0.642 | 0.01 | 59 |
| 3 | 0.402 | 0.11 | 27.3 |
| 4 | 0.28 | 0.061 | 53.7 |
| 5 | 0.441 | 0.061 | 133 |

## In these collections

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

## Other forms

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