# Forest green and terracotta split complementary palette

The Forest green and terracotta split complementary palette brings together green, light green, red, and orange. 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 darkest tone is green, and its lightest tone is light green.

- Also called: Dark green, gray, pink and orange radial swatches
- Seed: `kWbDRyyaC-96WPVMOTD1bPFQ`
- Page: https://grabient.com/kWbDRyyaC-96WPVMOTD1bPFQ?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center
- 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 | `#245b42` | `oklch(42.52% 0.0717 161.02)` | Greenbriar | white, 7.9 to 1 |
| 2 | `#4e8960` | `oklch(57.87% 0.0896 152.56)` | Spring Garden | black, 5 to 1 |
| 3 | `#9fb48c` | `oklch(74.41% 0.0606 130.37)` | Haven | black, 9.4 to 1 |
| 4 | `#c85076` | `oklch(59.84% 0.1571 3.56)` | Middle Safflower | black, 4.8 to 1 |
| 5 | `#db783e` | `oklch(67.32% 0.1419 49.00)` | Holy Cannoli | black, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #245b42 0.000% 20.000%, #4e8960 20.000% 40.000%, #9fb48c 40.000% 60.000%, #c85076 60.000% 80.000%, #db783e 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(42.52% 0.0717 161.02) 0.000% 20.000%, oklch(57.87% 0.0896 152.56) 20.000% 40.000%, oklch(74.41% 0.0606 130.37) 40.000% 60.000%, oklch(59.84% 0.1571 3.56) 60.000% 80.000%, oklch(67.32% 0.1419 49.00) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.425 | 0.072 | 161 |
| 2 | 0.579 | 0.09 | 152.6 |
| 3 | 0.744 | 0.061 | 130.4 |
| 4 | 0.598 | 0.157 | 3.6 |
| 5 | 0.673 | 0.142 | 49 |

## In these collections

- [Split complementary swatches](https://grabient.com/split-complementary-swatches)

## Other forms

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