# Forest green, ochre and crimson tropical palette

The Forest green, ochre and crimson tropical palette brings together green, gold, orange, and red. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is gold.

- Also called: Dark green, yellow, orange and red linear swatches
- Seed: `kWWi9xQyo-Gu1ObhOLs0sc8g`
- Page: https://grabient.com/kWWi9xQyo-Gu1ObhOLs0sc8g?style=linearSwatches&steps=5&angle=135
- Drawn as: linear swatches, 5 steps, 135 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 6.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 | `#17462f` | `oklch(35.43% 0.0648 158.91)` | Zucchini | white, 10.7 to 1 |
| 2 | `#3e7c3c` | `oklch(52.76% 0.1157 143.05)` | Hills of Ireland | white, 5 to 1 |
| 3 | `#f1c84b` | `oklch(84.65% 0.1461 90.22)` | Lauwiliwilinukunuku’oi’oi | black, 13 to 1 |
| 4 | `#ff924f` | `oklch(76.38% 0.1550 50.06)` | Encounter | black, 9.4 to 1 |
| 5 | `#ef4f57` | `oklch(64.96% 0.1957 21.53)` | Khmer Curry | black, 5.8 to 1 |

## CSS

```css
background: linear-gradient(135deg, #17462f 0.000% 20.000%, #3e7c3c 20.000% 40.000%, #f1c84b 40.000% 60.000%, #ff924f 60.000% 80.000%, #ef4f57 80.000% 100.000%);
background: linear-gradient(135deg, oklch(35.43% 0.0648 158.91) 0.000% 20.000%, oklch(52.76% 0.1157 143.05) 20.000% 40.000%, oklch(84.65% 0.1461 90.22) 40.000% 60.000%, oklch(76.38% 0.1550 50.06) 60.000% 80.000%, oklch(64.96% 0.1957 21.53) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.354 | 0.065 | 158.9 |
| 2 | 0.528 | 0.116 | 143.1 |
| 3 | 0.846 | 0.146 | 90.2 |
| 4 | 0.764 | 0.156 | 50.1 |
| 5 | 0.65 | 0.196 | 21.5 |

## In these collections

- [Tropical swatches](https://grabient.com/tropical-swatches)

## Other forms

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