# Terracotta and mauve color palette

The Terracotta and mauve color palette brings together orange, red, dark gray, and light 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 dark gray, and its lightest tone is light orange.

- Also called: Analogous brown, gray, pink and peach radial gradient
- Seed: `kWqVgjPii-aGFPdoFsL75bCY`
- Page: https://grabient.com/kWqVgjPii-aGFPdoFsL75bCY?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#cf7c4c` | `oklch(66.54% 0.1213 49.22)` | Brown Sugar Glaze | black, 6.6 to 1 |
| 2 | `#cb7749` | `oklch(65.15% 0.1211 48.24)` | Cork Wood | black, 6.2 to 1 |
| 3 | `#c57145` | `oklch(63.34% 0.1216 46.98)` | Apricot Mocha | black, 5.8 to 1 |
| 4 | `#bf6a40` | `oklch(61.18% 0.1223 45.47)` | Ripe Peach | black, 5.3 to 1 |
| 5 | `#b7623b` | `oklch(58.77% 0.1225 43.78)` | Caramel Dream | black, 4.8 to 1 |
| 6 | `#af5937` | `oklch(56.17% 0.1219 41.94)` | Brown Rust | white, 4.8 to 1 |
| 7 | `#a65133` | `oklch(53.49% 0.1200 40.01)` | Alfajor Brown | white, 5.4 to 1 |
| 8 | `#9c4a30` | `oklch(50.79% 0.1161 38.03)` | Spicy Hue | white, 6.1 to 1 |
| 9 | `#91442f` | `oklch(48.13% 0.1097 36.02)` | Dark Brazilian Topaz | white, 6.8 to 1 |
| 10 | `#823d2e` | `oklch(44.62% 0.0992 33.47)` | Grill Master | white, 7.9 to 1 |
| 11 | `#6f352b` | `oklch(40.32% 0.0853 30.41)` | Strong Mocha | white, 9.4 to 1 |
| 12 | `#5c2d28` | `oklch(35.76% 0.0694 27.17)` | Bratwurst | white, 11.3 to 1 |
| 13 | `#492624` | `oklch(31.48% 0.0530 24.04)` | New Bulgarian Rose | white, 13.2 to 1 |
| 14 | `#392121` | `oklch(28.01% 0.0376 21.35)` | Warm Balaclavas Are Forever | white, 14.7 to 1 |
| 15 | `#2f1f1f` | `oklch(25.89% 0.0249 19.40)` | Kenpōzome Black | white, 15.7 to 1 |
| 16 | `#2b2020` | `oklch(25.63% 0.0161 18.52)` | Orka Black | white, 15.7 to 1 |
| 17 | `#2f2626` | `oklch(27.86% 0.0129 18.99)` | Wood Bark | white, 14.7 to 1 |
| 18 | `#3d3232` | `oklch(32.97% 0.0146 20.82)` | Black Coffee | white, 12.3 to 1 |
| 19 | `#534443` | `oklch(40.26% 0.0202 23.70)` | Christmas Pudding | white, 9.1 to 1 |
| 20 | `#705a57` | `oklch(48.93% 0.0283 27.32)` | Taupe Night | white, 6.3 to 1 |
| 21 | `#90736d` | `oklch(58.14% 0.0377 31.39)` | Woodchuck | black, 4.8 to 1 |
| 22 | `#b08c82` | `oklch(67.07% 0.0472 35.59)` | Western Ridge | black, 6.9 to 1 |
| 23 | `#cda294` | `oklch(74.90% 0.0554 39.61)` | Musk | black, 9.2 to 1 |
| 24 | `#e3b4a1` | `oklch(80.81% 0.0611 43.16)` | Prosciutto | black, 11.3 to 1 |
| 25 | `#f0c0a9` | `oklch(84.44% 0.0639 46.24)` | Soft Orange | black, 12.8 to 1 |
| 26 | `#f8c7ae` | `oklch(86.70% 0.0653 49.41)` | Coral Bisque | black, 13.8 to 1 |
| 27 | `#fbccb0` | `oklch(87.89% 0.0656 52.61)` | Whipped Peach | black, 14.3 to 1 |
| 28 | `#fbceb0` | `oklch(88.30% 0.0651 55.71)` | Lips of Apricot | black, 14.5 to 1 |
| 29 | `#f9cfaf` | `oklch(88.22% 0.0642 58.62)` | Lips of Apricot | black, 14.5 to 1 |
| 30 | `#f7cead` | `oklch(87.92% 0.0632 61.22)` | Allspice | black, 14.4 to 1 |
| 31 | `#f5ceac` | `oklch(87.68% 0.0624 63.41)` | Allspice | black, 14.3 to 1 |
| 32 | `#f4cfad` | `oklch(87.80% 0.0620 65.07)` | Sandalwood Beige | black, 14.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #cf7c4c 0.0%, #cb7749 3.2%, #c57145 6.5%, #bf6a40 9.7%, #b7623b 12.9%, #af5937 16.1%, #a65133 19.4%, #9c4a30 22.6%, #91442f 25.8%, #823d2e 29.0%, #6f352b 32.3%, #5c2d28 35.5%, #492624 38.7%, #392121 41.9%, #2f1f1f 45.2%, #2b2020 48.4%, #2f2626 51.6%, #3d3232 54.8%, #534443 58.1%, #705a57 61.3%, #90736d 64.5%, #b08c82 67.7%, #cda294 71.0%, #e3b4a1 74.2%, #f0c0a9 77.4%, #f8c7ae 80.6%, #fbccb0 83.9%, #fbceb0 87.1%, #f9cfaf 90.3%, #f7cead 93.5%, #f5ceac 96.8%, #f4cfad 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.54% 0.1213 49.22) 0.0%, oklch(65.15% 0.1211 48.24) 3.2%, oklch(63.34% 0.1216 46.98) 6.5%, oklch(61.18% 0.1223 45.47) 9.7%, oklch(58.77% 0.1225 43.78) 12.9%, oklch(56.17% 0.1219 41.94) 16.1%, oklch(53.49% 0.1200 40.01) 19.4%, oklch(50.79% 0.1161 38.03) 22.6%, oklch(48.13% 0.1097 36.02) 25.8%, oklch(44.62% 0.0992 33.47) 29.0%, oklch(40.32% 0.0853 30.41) 32.3%, oklch(35.76% 0.0694 27.17) 35.5%, oklch(31.48% 0.0530 24.04) 38.7%, oklch(28.01% 0.0376 21.35) 41.9%, oklch(25.89% 0.0249 19.40) 45.2%, oklch(25.63% 0.0161 18.52) 48.4%, oklch(27.86% 0.0129 18.99) 51.6%, oklch(32.97% 0.0146 20.82) 54.8%, oklch(40.26% 0.0202 23.70) 58.1%, oklch(48.93% 0.0283 27.32) 61.3%, oklch(58.14% 0.0377 31.39) 64.5%, oklch(67.07% 0.0472 35.59) 67.7%, oklch(74.90% 0.0554 39.61) 71.0%, oklch(80.81% 0.0611 43.16) 74.2%, oklch(84.44% 0.0639 46.24) 77.4%, oklch(86.70% 0.0653 49.41) 80.6%, oklch(87.89% 0.0656 52.61) 83.9%, oklch(88.30% 0.0651 55.71) 87.1%, oklch(88.22% 0.0642 58.62) 90.3%, oklch(87.92% 0.0632 61.22) 93.5%, oklch(87.68% 0.0624 63.41) 96.8%, oklch(87.80% 0.0620 65.07) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.665 | 0.121 | 49.2 |
| 2 | 0.488 | 0.112 | 36.5 |
| 3 | 0.264 | 0.014 | 18.6 |
| 4 | 0.819 | 0.062 | 43.9 |
| 5 | 0.878 | 0.062 | 65.1 |

## In these collections

- [Copper](https://grabient.com/copper)
- [Plum orchard harvest](https://grabient.com/plum-orchard-harvest)
- [Alpine harvest embroidery](https://grabient.com/alpine-harvest-embroidery)
- [Kerala flower carpet](https://grabient.com/kerala-flower-carpet)

## Other forms

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