# 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, black and pink radial gradient
- Seed: `kUklkfKI8-aGFPnoFsLg`
- Page: https://grabient.com/kUklkfKI8-aGFPnoFsLg?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted, dark, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 9.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 | `#ac5a37` | `oklch(55.93% 0.1178 42.87)` | Monument Valley | white, 4.8 to 1 |
| 3 | `#a35637` | `oklch(53.83% 0.1112 41.94)` | Pennywise | white, 5.3 to 1 |
| 4 | `#985036` | `oklch(51.32% 0.1034 40.84)` | Japanese Cypress | white, 5.9 to 1 |
| 5 | `#8c4b34` | `oklch(48.51% 0.0946 39.61)` | Remaining Embers | white, 6.6 to 1 |
| 6 | `#7f4532` | `oklch(45.53% 0.0853 38.28)` | Cacao Nibs | white, 7.5 to 1 |
| 7 | `#723e30` | `oklch(42.51% 0.0758 36.88)` | Cowboy Suede | white, 8.5 to 1 |
| 8 | `#65392d` | `oklch(39.56% 0.0665 35.45)` | One Dozen | white, 9.6 to 1 |
| 9 | `#5a342b` | `oklch(36.81% 0.0577 34.03)` | Redwood | white, 10.7 to 1 |
| 10 | `#502f28` | `oklch(34.39% 0.0498 32.64)` | Acajou | white, 11.8 to 1 |
| 11 | `#482b26` | `oklch(32.42% 0.0432 31.33)` | Brown Coffee | white, 12.7 to 1 |
| 12 | `#412924` | `oklch(30.85% 0.0379 30.02)` | Polished Mahogany | white, 13.4 to 1 |
| 13 | `#3b2622` | `oklch(29.20% 0.0330 28.45)` | Ethereal Espresso | white, 14.1 to 1 |
| 14 | `#352220` | `oklch(27.53% 0.0285 26.70)` | Hornblende | white, 14.9 to 1 |
| 15 | `#2f1f1e` | `oklch(25.97% 0.0245 24.87)` | Kenpōzome Black | white, 15.6 to 1 |
| 16 | `#2a1d1c` | `oklch(24.62% 0.0210 23.06)` | Weathervane | white, 16.2 to 1 |
| 17 | `#261b1b` | `oklch(23.60% 0.0181 21.38)` | Dark Orchestra | white, 16.7 to 1 |
| 18 | `#241a1a` | `oklch(23.01% 0.0158 19.92)` | Dark Orchestra | white, 16.9 to 1 |
| 19 | `#231a1a` | `oklch(22.97% 0.0142 18.80)` | Dark Orchestra | white, 16.9 to 1 |
| 20 | `#241c1c` | `oklch(23.59% 0.0133 18.12)` | Dark Orchestra | white, 16.7 to 1 |
| 21 | `#281f1f` | `oklch(24.97% 0.0133 17.98)` | Velvet Black | white, 16 to 1 |
| 22 | `#2e2424` | `oklch(27.27% 0.0142 18.49)` | Gold Black | white, 15 to 1 |
| 23 | `#382d2d` | `oklch(30.96% 0.0166 19.83)` | Mole | white, 13.2 to 1 |
| 24 | `#473938` | `oklch(35.88% 0.0205 21.88)` | Warm Operator’s Overalls | white, 11 to 1 |
| 25 | `#5a4745` | `oklch(41.72% 0.0254 24.49)` | Shopping Bag | white, 8.6 to 1 |
| 26 | `#6f5854` | `oklch(48.18% 0.0311 27.47)` | Beechwood | white, 6.5 to 1 |
| 27 | `#866a64` | `oklch(54.92% 0.0372 30.66)` | Ferra | white, 4.9 to 1 |
| 28 | `#9d7c74` | `oklch(61.64% 0.0434 33.87)` | Wild Hemp | black, 5.5 to 1 |
| 29 | `#b48e83` | `oklch(68.01% 0.0493 36.95)` | Western Ridge | black, 7.1 to 1 |
| 30 | `#c99f90` | `oklch(73.72% 0.0546 39.71)` | Adobe Glow | black, 8.8 to 1 |
| 31 | `#dbad9c` | `oklch(78.45% 0.0589 41.98)` | Montezuma’s Castle | black, 10.4 to 1 |
| 32 | `#e7b8a4` | `oklch(81.89% 0.0620 43.59)` | Pink Abalone | black, 11.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b35e38 0.0%, #ac5a37 3.2%, #a35637 6.5%, #985036 9.7%, #8c4b34 12.9%, #7f4532 16.1%, #723e30 19.4%, #65392d 22.6%, #5a342b 25.8%, #502f28 29.0%, #482b26 32.3%, #412924 35.5%, #3b2622 38.7%, #352220 41.9%, #2f1f1e 45.2%, #2a1d1c 48.4%, #261b1b 51.6%, #241a1a 54.8%, #231a1a 58.1%, #241c1c 61.3%, #281f1f 64.5%, #2e2424 67.7%, #382d2d 71.0%, #473938 74.2%, #5a4745 77.4%, #6f5854 80.6%, #866a64 83.9%, #9d7c74 87.1%, #b48e83 90.3%, #c99f90 93.5%, #dbad9c 96.8%, #e7b8a4 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(57.48% 0.1226 43.59) 0.0%, oklch(55.93% 0.1178 42.87) 3.2%, oklch(53.83% 0.1112 41.94) 6.5%, oklch(51.32% 0.1034 40.84) 9.7%, oklch(48.51% 0.0946 39.61) 12.9%, oklch(45.53% 0.0853 38.28) 16.1%, oklch(42.51% 0.0758 36.88) 19.4%, oklch(39.56% 0.0665 35.45) 22.6%, oklch(36.81% 0.0577 34.03) 25.8%, oklch(34.39% 0.0498 32.64) 29.0%, oklch(32.42% 0.0432 31.33) 32.3%, oklch(30.85% 0.0379 30.02) 35.5%, oklch(29.20% 0.0330 28.45) 38.7%, oklch(27.53% 0.0285 26.70) 41.9%, oklch(25.97% 0.0245 24.87) 45.2%, oklch(24.62% 0.0210 23.06) 48.4%, oklch(23.60% 0.0181 21.38) 51.6%, oklch(23.01% 0.0158 19.92) 54.8%, oklch(22.97% 0.0142 18.80) 58.1%, oklch(23.59% 0.0133 18.12) 61.3%, oklch(24.97% 0.0133 17.98) 64.5%, oklch(27.27% 0.0142 18.49) 67.7%, oklch(30.96% 0.0166 19.83) 71.0%, oklch(35.88% 0.0205 21.88) 74.2%, oklch(41.72% 0.0254 24.49) 77.4%, oklch(48.18% 0.0311 27.47) 80.6%, oklch(54.92% 0.0372 30.66) 83.9%, oklch(61.64% 0.0434 33.87) 87.1%, oklch(68.01% 0.0493 36.95) 90.3%, oklch(73.72% 0.0546 39.71) 93.5%, oklch(78.45% 0.0589 41.98) 96.8%, oklch(81.89% 0.0620 43.59) 100.0%);
```

## 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.264 | 0.014 | 18.2 |
| 4 | 0.819 | 0.062 | 43.6 |

## In these collections

- [Copper](https://grabient.com/copper)
- [Plum orchard harvest](https://grabient.com/plum-orchard-harvest)
- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Alpine harvest embroidery](https://grabient.com/alpine-harvest-embroidery)

## Other forms

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