# Teal lichen rust bands

These five diagonal bands move from deep forest teal through pale chalk, muted yellow-green, earthy rust, and warm brown. The pale neutral separates dark teal from the earthy accents, while green and brown provide framing colors. Use it for botanical identity systems, garden editorial layouts, or natural product packaging with a lively but grounded accent structure.

- Also called: Black, gray, olive and brown linear swatches
- Seed: `kWSBWTdYezV-rQdDrTZu5PD4`
- Page: https://grabient.com/kWSBWTdYezV-rQdDrTZu5PD4?style=linearSwatches&steps=5&angle=123
- Drawn as: linear swatches, 5 steps, 123 degrees
- Kinds: light center
- Hues: wide
- Contrast of its darkest and lightest colors: 11.4 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 | `#172e31` | `oklch(28.35% 0.0289 206.72)` | Black Chasm | white, 14.2 to 1 |
| 2 | `#e9e7d7` | `oklch(92.52% 0.0207 99.99)` | Carrara Marble | black, 16.8 to 1 |
| 3 | `#abb85b` | `oklch(75.20% 0.1185 115.84)` | Gooseberry Fool | black, 9.7 to 1 |
| 4 | `#a74e37` | `oklch(53.15% 0.1240 35.53)` | Texas Heatwave | white, 5.5 to 1 |
| 5 | `#6e5539` | `oklch(46.85% 0.0537 69.34)` | Caraway Brown | white, 6.9 to 1 |

## CSS

```css
background: linear-gradient(123deg, #172e31 0.000% 20.000%, #e9e7d7 20.000% 40.000%, #abb85b 40.000% 60.000%, #a74e37 60.000% 80.000%, #6e5539 80.000% 100.000%);
background: linear-gradient(123deg, oklch(28.35% 0.0289 206.72) 0.000% 20.000%, oklch(92.52% 0.0207 99.99) 20.000% 40.000%, oklch(75.20% 0.1185 115.84) 40.000% 60.000%, oklch(53.15% 0.1240 35.53) 60.000% 80.000%, oklch(46.85% 0.0537 69.34) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.029 | 206.7 |
| 2 | 0.925 | 0.021 | 100 |
| 3 | 0.752 | 0.119 | 115.8 |
| 4 | 0.531 | 0.124 | 35.5 |
| 5 | 0.469 | 0.054 | 69.3 |

## In these collections

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

## Other forms

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