# Forest moss berry and bark swatches

The Forest moss berry and bark swatches brings together green, red, and magenta. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its lightest and darkest tones both fall within the green color family.

- Also called: Dark green, olive and dark purple angular swatches
- Seed: `kWUhpvvhk9dOivg9qTKqhg-A`
- Page: https://grabient.com/kWUhpvvhk9dOivg9qTKqhg-A?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: light center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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 | `#24392c` | `oklch(32.28% 0.0358 156.80)` | Palm Green | white, 12.3 to 1 |
| 2 | `#4e6941` | `oklch(48.82% 0.0689 135.66)` | Fern Grotto | white, 6.1 to 1 |
| 3 | `#8a9a55` | `oklch(65.75% 0.0951 119.81)` | Totally Broccoli | black, 6.8 to 1 |
| 4 | `#924053` | `oklch(48.43% 0.1130 7.79)` | Umemurasaki Purple | white, 6.8 to 1 |
| 5 | `#4f2639` | `oklch(33.07% 0.0661 351.94)` | Carambar | white, 12.5 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #24392c 0.000% 20.000%, #4e6941 20.000% 40.000%, #8a9a55 40.000% 60.000%, #924053 60.000% 80.000%, #4f2639 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(32.28% 0.0358 156.80) 0.000% 20.000%, oklch(48.82% 0.0689 135.66) 20.000% 40.000%, oklch(65.75% 0.0951 119.81) 40.000% 60.000%, oklch(48.43% 0.1130 7.79) 60.000% 80.000%, oklch(33.07% 0.0661 351.94) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.323 | 0.036 | 156.8 |
| 2 | 0.488 | 0.069 | 135.7 |
| 3 | 0.657 | 0.095 | 119.8 |
| 4 | 0.484 | 0.113 | 7.8 |
| 5 | 0.331 | 0.066 | -8.1 |

## In these collections

- [Forest swatches](https://grabient.com/forest-swatches)

## Other forms

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