# Terracotta and mint garden palette

The Terracotta and mint garden palette brings together orange, light orange, and pale green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its light and open character suits botanical branding and garden event graphics. Its darkest tone is orange, and its lightest tone is pale green.

- Also called: Brown, gray and light blue angular swatches
- Seed: `kUjE0f2p3BemQQ3wD0hA`
- Page: https://grabient.com/kUjE0f2p3BemQQ3wD0hA?style=angularSwatches&steps=34
- Drawn as: angular swatches, 34 steps, 90 degrees
- Kinds: dark to light, pastel, warm
- Hues: analogous
- 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 | `#a45c3b` | `oklch(55.12% 0.1061 44.30)` | Falling Leaves | white, 5 to 1 |
| 2 | `#a75f3e` | `oklch(56.00% 0.1048 44.91)` | Earthen Jug | white, 4.8 to 1 |
| 3 | `#a96341` | `oklch(57.13% 0.1033 45.60)` | Borneo | white, 4.6 to 1 |
| 4 | `#ad6745` | `oklch(58.47% 0.1015 46.38)` | Amazonian | black, 4.8 to 1 |
| 5 | `#b06d4a` | `oklch(59.98% 0.0994 47.26)` | Autumn Umber | black, 5.1 to 1 |
| 6 | `#b4724f` | `oklch(61.61% 0.0972 48.25)` | Outlawed Orange | black, 5.4 to 1 |
| 7 | `#b97855` | `oklch(63.31% 0.0948 49.36)` | Caramel Apple | black, 5.8 to 1 |
| 8 | `#bd7e5a` | `oklch(65.03% 0.0923 50.59)` | Sundial | black, 6.3 to 1 |
| 9 | `#c18560` | `oklch(66.73% 0.0896 51.96)` | Peace of Mind | black, 6.7 to 1 |
| 10 | `#c48b66` | `oklch(68.37% 0.0869 53.47)` | Copper Hide | black, 7.2 to 1 |
| 11 | `#c7906b` | `oklch(69.89% 0.0841 55.14)` | Texas Hills | black, 7.6 to 1 |
| 12 | `#ca9670` | `oklch(71.26% 0.0813 56.98)` | Sonora Shade | black, 8 to 1 |
| 13 | `#cc9b75` | `oklch(72.52% 0.0783 58.88)` | Chimaera Brown | black, 8.4 to 1 |
| 14 | `#cda07a` | `oklch(73.76% 0.0748 60.77)` | Kenya | black, 8.8 to 1 |
| 15 | `#cfa47f` | `oklch(74.97% 0.0711 62.71)` | Sunset Beige | black, 9.2 to 1 |
| 16 | `#d0a985` | `oklch(76.16% 0.0672 64.76)` | Autumn Air | black, 9.7 to 1 |
| 17 | `#d1ae8a` | `oklch(77.30% 0.0633 66.96)` | Cheddar Biscuit | black, 10.1 to 1 |
| 18 | `#d2b290` | `oklch(78.40% 0.0594 69.38)` | Ligonier Tan | black, 10.5 to 1 |
| 19 | `#d3b795` | `oklch(79.45% 0.0556 72.06)` | Brown Hare | black, 10.9 to 1 |
| 20 | `#d3bb9a` | `oklch(80.45% 0.0521 75.07)` | Pony Tail | black, 11.3 to 1 |
| 21 | `#d4bf9f` | `oklch(81.39% 0.0489 78.45)` | Dune | black, 11.7 to 1 |
| 22 | `#d4c3a4` | `oklch(82.26% 0.0462 82.27)` | Double Spanish White | black, 12.1 to 1 |
| 23 | `#d4c6a8` | `oklch(83.07% 0.0441 86.57)` | Welcome Walkway | black, 12.4 to 1 |
| 24 | `#d4caab` | `oklch(83.81% 0.0425 91.72)` | Sweet Porridge | black, 12.7 to 1 |
| 25 | `#d3cdae` | `oklch(84.48% 0.0415 97.89)` | Platinum Sage | black, 13.1 to 1 |
| 26 | `#d2d0b2` | `oklch(85.09% 0.0408 104.82)` | Pale Ivy | black, 13.3 to 1 |
| 27 | `#d0d3b5` | `oklch(85.64% 0.0404 112.26)` | Aloe Wash | black, 13.6 to 1 |
| 28 | `#ced6b9` | `oklch(86.14% 0.0404 119.95)` | Canary Green | black, 13.9 to 1 |
| 29 | `#cbd8bc` | `oklch(86.59% 0.0405 127.65)` | Meadow Mist | black, 14.1 to 1 |
| 30 | `#c9dbc0` | `oklch(86.99% 0.0407 135.10)` | Crocodile Dreams | black, 14.3 to 1 |
| 31 | `#c7ddc4` | `oklch(87.34% 0.0410 142.05)` | Mint Intermezzo | black, 14.5 to 1 |
| 32 | `#c5dec8` | `oklch(87.66% 0.0412 148.25)` | Misty Afternoon | black, 14.6 to 1 |
| 33 | `#c3e0cb` | `oklch(87.94% 0.0414 153.44)` | Luna Green | black, 14.8 to 1 |
| 34 | `#c3e1ce` | `oklch(88.19% 0.0413 157.37)` | Wishful Green | black, 14.9 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #a45c3b 0.000% 2.941%, #a75f3e 2.941% 5.882%, #a96341 5.882% 8.824%, #ad6745 8.824% 11.765%, #b06d4a 11.765% 14.706%, #b4724f 14.706% 17.647%, #b97855 17.647% 20.588%, #bd7e5a 20.588% 23.529%, #c18560 23.529% 26.471%, #c48b66 26.471% 29.412%, #c7906b 29.412% 32.353%, #ca9670 32.353% 35.294%, #cc9b75 35.294% 38.235%, #cda07a 38.235% 41.176%, #cfa47f 41.176% 44.118%, #d0a985 44.118% 47.059%, #d1ae8a 47.059% 50.000%, #d2b290 50.000% 52.941%, #d3b795 52.941% 55.882%, #d3bb9a 55.882% 58.824%, #d4bf9f 58.824% 61.765%, #d4c3a4 61.765% 64.706%, #d4c6a8 64.706% 67.647%, #d4caab 67.647% 70.588%, #d3cdae 70.588% 73.529%, #d2d0b2 73.529% 76.471%, #d0d3b5 76.471% 79.412%, #ced6b9 79.412% 82.353%, #cbd8bc 82.353% 85.294%, #c9dbc0 85.294% 88.235%, #c7ddc4 88.235% 91.176%, #c5dec8 91.176% 94.118%, #c3e0cb 94.118% 97.059%, #c3e1ce 97.059% 100.000%);
background: conic-gradient(from 90deg, oklch(55.12% 0.1061 44.30) 0.000% 2.941%, oklch(56.00% 0.1048 44.91) 2.941% 5.882%, oklch(57.13% 0.1033 45.60) 5.882% 8.824%, oklch(58.47% 0.1015 46.38) 8.824% 11.765%, oklch(59.98% 0.0994 47.26) 11.765% 14.706%, oklch(61.61% 0.0972 48.25) 14.706% 17.647%, oklch(63.31% 0.0948 49.36) 17.647% 20.588%, oklch(65.03% 0.0923 50.59) 20.588% 23.529%, oklch(66.73% 0.0896 51.96) 23.529% 26.471%, oklch(68.37% 0.0869 53.47) 26.471% 29.412%, oklch(69.89% 0.0841 55.14) 29.412% 32.353%, oklch(71.26% 0.0813 56.98) 32.353% 35.294%, oklch(72.52% 0.0783 58.88) 35.294% 38.235%, oklch(73.76% 0.0748 60.77) 38.235% 41.176%, oklch(74.97% 0.0711 62.71) 41.176% 44.118%, oklch(76.16% 0.0672 64.76) 44.118% 47.059%, oklch(77.30% 0.0633 66.96) 47.059% 50.000%, oklch(78.40% 0.0594 69.38) 50.000% 52.941%, oklch(79.45% 0.0556 72.06) 52.941% 55.882%, oklch(80.45% 0.0521 75.07) 55.882% 58.824%, oklch(81.39% 0.0489 78.45) 58.824% 61.765%, oklch(82.26% 0.0462 82.27) 61.765% 64.706%, oklch(83.07% 0.0441 86.57) 64.706% 67.647%, oklch(83.81% 0.0425 91.72) 67.647% 70.588%, oklch(84.48% 0.0415 97.89) 70.588% 73.529%, oklch(85.09% 0.0408 104.82) 73.529% 76.471%, oklch(85.64% 0.0404 112.26) 76.471% 79.412%, oklch(86.14% 0.0404 119.95) 79.412% 82.353%, oklch(86.59% 0.0405 127.65) 82.353% 85.294%, oklch(86.99% 0.0407 135.10) 85.294% 88.235%, oklch(87.34% 0.0410 142.05) 88.235% 91.176%, oklch(87.66% 0.0412 148.25) 91.176% 94.118%, oklch(87.94% 0.0414 153.44) 94.118% 97.059%, oklch(88.19% 0.0413 157.37) 97.059% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.551 | 0.106 | 44.3 |
| 2 | 0.713 | 0.081 | 57 |
| 3 | 0.831 | 0.044 | 86.6 |
| 4 | 0.882 | 0.041 | 157.4 |

## In these collections

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

## Other forms

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