# Berry Slate Woodland Bands

These four diagonal bands move from dark berry through blue gray, walnut brown, and pale cream. The sequence combines fruit, stone, wood, and natural fiber colors in clearly separated roles. Use them for outdoor editorial layouts, heritage packaging, material palettes, or calm interface themes that need one cool accent between warm dark and light neutrals.

- Also called: Maroon, blue, brown and beige linear swatches
- Seed: `kUZjgGQA6troVrR2D0Pg`
- Page: https://grabient.com/kUZjgGQA6troVrR2D0Pg?style=linearSwatches&steps=4&angle=285
- Drawn as: linear swatches, 4 steps, 285 degrees
- Kinds: dark center, muted
- Hues: two-hue
- 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 | `#6b3540` | `oklch(40.16% 0.0772 8.44)` | Chestnut Red | white, 9.5 to 1 |
| 2 | `#4a6b72` | `oklch(50.39% 0.0400 214.15)` | Planet Green | white, 5.8 to 1 |
| 3 | `#714e37` | `oklch(45.67% 0.0593 54.58)` | Coffee | white, 7.3 to 1 |
| 4 | `#f3e7c9` | `oklch(92.91% 0.0413 88.40)` | Rice Wine | black, 17 to 1 |

## CSS

```css
background: linear-gradient(285deg, #6b3540 0.000% 25.000%, #4a6b72 25.000% 50.000%, #714e37 50.000% 75.000%, #f3e7c9 75.000% 100.000%);
background: linear-gradient(285deg, oklch(40.16% 0.0772 8.44) 0.000% 25.000%, oklch(50.39% 0.0400 214.15) 25.000% 50.000%, oklch(45.67% 0.0593 54.58) 50.000% 75.000%, oklch(92.91% 0.0413 88.40) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.402 | 0.077 | 8.4 |
| 2 | 0.504 | 0.04 | -145.8 |
| 3 | 0.457 | 0.059 | -305.4 |
| 4 | 0.929 | 0.041 | -271.6 |

## In these collections

- [Natural swatches](https://grabient.com/natural-swatches)

## Other forms

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