# Forest green and near-black forest palette

The Forest green and near-black forest palette brings together dark green, light green, and dark gray. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark gray, and its lightest tone is light green.

- Also called: Dark green, light green and black angular swatches
- Seed: `kSTCRtcCa8JYHxG`
- Page: https://grabient.com/kSTCRtcCa8JYHxG?style=angularSwatches&steps=3&angle=135
- Drawn as: angular swatches, 3 steps, 135 degrees
- Kinds: light center, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.5 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 | `#183522` | `oklch(29.92% 0.0496 153.28)` | Phthalo Green | white, 13.4 to 1 |
| 2 | `#cde494` | `oklch(88.19% 0.1061 121.58)` | Charming Green | black, 15 to 1 |
| 3 | `#08130d` | `oklch(17.32% 0.0207 159.62)` | Jedi Night | white, 18.9 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #183522 0.000% 33.333%, #cde494 33.333% 66.667%, #08130d 66.667% 100.000%);
background: conic-gradient(from 135deg, oklch(29.92% 0.0496 153.28) 0.000% 33.333%, oklch(88.19% 0.1061 121.58) 33.333% 66.667%, oklch(17.32% 0.0207 159.62) 66.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.05 | 153.3 |
| 2 | 0.882 | 0.106 | 121.6 |
| 3 | 0.173 | 0.021 | 159.6 |

## In these collections

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

## Other forms

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