# Parchment gold crimson bands

Parchment cream sits beside charcoal and scorched brown, then antique gold, burnt umber, dark crimson and ember orange. Gritty and cinematic. Suits film posters, dramatic game themes and weathered editorial layouts.

- Also called: Beige, black, maroon and brown linear swatches
- Seed: `kW4iM_IYK_8kmPkqpTlxTXCQ`
- Page: https://grabient.com/kW4iM_IYK_8kmPkqpTlxTXCQ?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: dark center, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11 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 | `#e8dab7` | `oklch(88.98% 0.0482 88.59)` | At the Beach | black, 15 to 1 |
| 2 | `#262521` | `oklch(26.38% 0.0069 88.59)` | Nero | white, 15.3 to 1 |
| 3 | `#9d6f26` | `oklch(57.48% 0.1047 74.86)` | Buttered Rum | black, 4.7 to 1 |
| 4 | `#611a20` | `oklch(33.46% 0.1020 19.90)` | Pohutukawa | white, 12.5 to 1 |
| 5 | `#b44a21` | `oklch(54.33% 0.1474 39.98)` | Cattail Red | white, 5.3 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e8dab7 0.000% 20.000%, #262521 20.000% 40.000%, #9d6f26 40.000% 60.000%, #611a20 60.000% 80.000%, #b44a21 80.000% 100.000%);
background: linear-gradient(135deg, oklch(88.98% 0.0482 88.59) 0.000% 20.000%, oklch(26.38% 0.0069 88.59) 20.000% 40.000%, oklch(57.48% 0.1047 74.86) 40.000% 60.000%, oklch(33.46% 0.1020 19.90) 60.000% 80.000%, oklch(54.33% 0.1474 39.98) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.89 | 0.048 | 88.6 |
| 2 | 0.264 | 0.007 | 88.6 |
| 3 | 0.575 | 0.105 | 74.9 |
| 4 | 0.335 | 0.102 | 19.9 |
| 5 | 0.543 | 0.147 | 40 |

## In these collections

- [Hunger Games swatches](https://grabient.com/hunger-games-swatches)

## Other forms

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