# Forest green and indigo color palette

The Forest green and indigo color palette brings together green and blue. The colors span a moderate lightness range, combining strong 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, green and blue linear swatches
- Seed: `kWYTZuwi6_VctvrGq07tb3AA`
- Page: https://grabient.com/kWYTZuwi6_VctvrGq07tb3AA?style=linearSwatches&steps=5&angle=270
- Drawn as: linear swatches, 5 steps, 270 degrees
- Kinds: light center, vivid, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 3.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 | `#1b4e31` | `oklch(38.19% 0.0744 155.39)` | Order Green | white, 9.5 to 1 |
| 2 | `#1f7d3f` | `oklch(51.97% 0.1281 150.11)` | Gorgeous Green | white, 5.1 to 1 |
| 3 | `#6fac60` | `oklch(68.50% 0.1254 139.54)` | Ferntastic | black, 7.7 to 1 |
| 4 | `#536fb8` | `oklch(55.51% 0.1185 266.35)` | Amparo Blue | white, 4.8 to 1 |
| 5 | `#2640a8` | `oklch(42.13% 0.1695 267.41)` | Yuè Guāng Lán Blue | white, 8.8 to 1 |

## CSS

```css
background: linear-gradient(270deg, #1b4e31 0.000% 20.000%, #1f7d3f 20.000% 40.000%, #6fac60 40.000% 60.000%, #536fb8 60.000% 80.000%, #2640a8 80.000% 100.000%);
background: linear-gradient(270deg, oklch(38.19% 0.0744 155.39) 0.000% 20.000%, oklch(51.97% 0.1281 150.11) 20.000% 40.000%, oklch(68.50% 0.1254 139.54) 40.000% 60.000%, oklch(55.51% 0.1185 266.35) 60.000% 80.000%, oklch(42.13% 0.1695 267.41) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.074 | 155.4 |
| 2 | 0.52 | 0.128 | 150.1 |
| 3 | 0.685 | 0.125 | 139.5 |
| 4 | 0.555 | 0.119 | 266.3 |
| 5 | 0.421 | 0.169 | 267.4 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)
- [Blue and green swatches](https://grabient.com/blue-and-green-swatches)

## Other forms

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