# Burgundy, terracotta and forest green garden palette

The Burgundy, terracotta and forest green garden palette brings together red, orange, and green. The colors span a narrow lightness range, combining strong color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is red.

- Also called: Red, brown and dark green angular swatches
- Seed: `kYZGYTPj1AUnGwDJLMKO6DJiuVwS`
- Page: https://grabient.com/kYZGYTPj1AUnGwDJLMKO6DJiuVwS?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: vivid, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.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 | `#811717` | `oklch(39.37% 0.1406 26.72)` | Falu Red | white, 10.1 to 1 |
| 2 | `#ab291c` | `oklch(48.82% 0.1681 29.89)` | Joyous Red | white, 6.8 to 1 |
| 3 | `#d43b21` | `oklch(57.87% 0.1943 32.00)` | Rackham Red | white, 4.7 to 1 |
| 4 | `#af6227` | `oklch(57.48% 0.1226 54.19)` | Date Fruit Brown | black, 4.6 to 1 |
| 5 | `#436630` | `oklch(46.85% 0.0896 135.56)` | Dell | white, 6.6 to 1 |
| 6 | `#234125` | `oklch(34.25% 0.0593 146.13)` | Myrtle | white, 11.3 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #811717 0.000% 16.667%, #ab291c 16.667% 33.333%, #d43b21 33.333% 50.000%, #af6227 50.000% 66.667%, #436630 66.667% 83.333%, #234125 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(39.37% 0.1406 26.72) 0.000% 16.667%, oklch(48.82% 0.1681 29.89) 16.667% 33.333%, oklch(57.87% 0.1943 32.00) 33.333% 50.000%, oklch(57.48% 0.1226 54.19) 50.000% 66.667%, oklch(46.85% 0.0896 135.56) 66.667% 83.333%, oklch(34.25% 0.0593 146.13) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.141 | 26.7 |
| 2 | 0.488 | 0.168 | 29.9 |
| 3 | 0.579 | 0.194 | 32 |
| 4 | 0.575 | 0.123 | 54.2 |
| 5 | 0.469 | 0.09 | 135.6 |
| 6 | 0.343 | 0.059 | 146.1 |

## In these collections

- [Garden swatches](https://grabient.com/garden-swatches)

## Other forms

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