# Terracotta, Mint and Cream

The Terracotta and tan color palette brings together orange, red, light green, and pale orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is red, and its lightest tone is pale orange.

- Also called: Brown, gray and off-white linear swatches
- Seed: `kUklkfKI8-eiR0D6C7UA`
- Page: https://grabient.com/kUklkfKI8-eiR0D6C7UA?style=linearSwatches&steps=4&angle=45
- Drawn as: linear swatches, 4 steps, 45 degrees
- Kinds: dark center, muted
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 11.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 | `#b35e38` | `oklch(57.48% 0.1226 43.59)` | Gold Varnish Brown | white, 4.5 to 1 |
| 2 | `#452b26` | `oklch(31.89% 0.0413 30.91)` | Morocco Brown | white, 12.9 to 1 |
| 3 | `#a8d0bf` | `oklch(82.28% 0.0482 168.29)` | Swimming Pool Green | black, 12.3 to 1 |
| 4 | `#fff0db` | `oklch(96.06% 0.0317 76.35)` | Peach Cream | black, 18.6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #b35e38 0.000% 25.000%, #452b26 25.000% 50.000%, #a8d0bf 50.000% 75.000%, #fff0db 75.000% 100.000%);
background: linear-gradient(45deg, oklch(57.48% 0.1226 43.59) 0.000% 25.000%, oklch(31.89% 0.0413 30.91) 25.000% 50.000%, oklch(82.28% 0.0482 168.29) 50.000% 75.000%, oklch(96.06% 0.0317 76.35) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.123 | 43.6 |
| 2 | 0.319 | 0.041 | 30.9 |
| 3 | 0.823 | 0.048 | 168.3 |
| 4 | 0.961 | 0.032 | 76.4 |

## In these collections

- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Copper](https://grabient.com/copper)
- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)
- [Alpine harvest embroidery](https://grabient.com/alpine-harvest-embroidery)

## Other forms

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