# Wine and tan moody palette

The Wine and tan moody palette brings together dark red, red, and orange. 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 dark red, and its lightest tone is orange.

- Also called: Analogous black, maroon and brown linear swatches
- Seed: `kUOCL9LB_CcCgQlSFMNA`
- Page: https://grabient.com/kUOCL9LB_CcCgQlSFMNA?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: dark to light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.2 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 | `#2b101b` | `oklch(22.05% 0.0469 355.78)` | Black Cherry | white, 17.5 to 1 |
| 2 | `#5f2329` | `oklch(34.65% 0.0868 16.92)` | Blackberry Pie | white, 11.9 to 1 |
| 3 | `#905240` | `oklch(50.79% 0.0882 36.99)` | Ruskin Red | white, 6 to 1 |
| 4 | `#a6876a` | `oklch(64.57% 0.0565 65.53)` | Sandal | black, 6.3 to 1 |

## CSS

```css
background: linear-gradient(45deg, #2b101b 0.000% 25.000%, #5f2329 25.000% 50.000%, #905240 50.000% 75.000%, #a6876a 75.000% 100.000%);
background: linear-gradient(45deg, oklch(22.05% 0.0469 355.78) 0.000% 25.000%, oklch(34.65% 0.0868 16.92) 25.000% 50.000%, oklch(50.79% 0.0882 36.99) 50.000% 75.000%, oklch(64.57% 0.0565 65.53) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.22 | 0.047 | 355.8 |
| 2 | 0.346 | 0.087 | 376.9 |
| 3 | 0.508 | 0.088 | 397 |
| 4 | 0.646 | 0.056 | 425.5 |

## In these collections

- [Moody swatches](https://grabient.com/moody-swatches)

## Other forms

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