# Terracotta Mint Garden Bands

Pale mint and fresh leaf green deepen into cool teal before a terracotta accent adds earthy warmth. The palette feels cultivated, lively, and balanced, with enough lightness range for calm backgrounds and grounded emphasis. It suits garden branding, seed packet illustrations, outdoor event graphics, and searches for mint green, terracotta, or modern botanical color palettes.

- Also called: Gray, green, teal and salmon linear swatches
- Seed: `kW8BBjYSDAcSeQmuD8M1youg`
- Page: https://grabient.com/kW8BBjYSDAcSeQmuD8M1youg?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Kinds: dark center
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9 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 | `#e6f1e3` | `oklch(94.49% 0.0220 139.22)` | Spearmint Stick | black, 17.9 to 1 |
| 2 | `#90c18e` | `oklch(76.38% 0.0896 143.45)` | Velvet Leaf | black, 10.2 to 1 |
| 3 | `#397e62` | `oklch(53.94% 0.0827 164.58)` | Trans Tasman | white, 4.8 to 1 |
| 4 | `#204543` | `oklch(36.22% 0.0427 192.06)` | Metal Deluxe | white, 10.5 to 1 |
| 5 | `#d5825b` | `oklch(68.50% 0.1157 45.17)` | Copper Harbor | black, 7.1 to 1 |

## CSS

```css
background: linear-gradient(180deg, #e6f1e3 0.000% 20.000%, #90c18e 20.000% 40.000%, #397e62 40.000% 60.000%, #204543 60.000% 80.000%, #d5825b 80.000% 100.000%);
background: linear-gradient(180deg, oklch(94.49% 0.0220 139.22) 0.000% 20.000%, oklch(76.38% 0.0896 143.45) 20.000% 40.000%, oklch(53.94% 0.0827 164.58) 40.000% 60.000%, oklch(36.22% 0.0427 192.06) 60.000% 80.000%, oklch(68.50% 0.1157 45.17) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.022 | 139.2 |
| 2 | 0.764 | 0.09 | 143.4 |
| 3 | 0.539 | 0.083 | 164.6 |
| 4 | 0.362 | 0.043 | 192.1 |
| 5 | 0.685 | 0.116 | 45.2 |

## In these collections

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

## Other forms

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