# Terracotta brown palette

The Terracotta brown palette brings together orange and light orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is orange, and its lightest tone is light orange.

- Also called: Pastel monochrome tan to brown radial gradient
- Seed: `kWsDkvYRrAewSwFjGb91B4-g`
- Page: https://grabient.com/kWsDkvYRrAewSwFjGb91B4-g?style=radialGradient&steps=32&angle=45
- Drawn as: radial gradient, 32 steps, 45 degrees
- Kinds: pastel, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#be9367` | `oklch(69.29% 0.0785 66.09)` | Light Bronzer | black, 7.5 to 1 |
| 2 | `#bf9569` | `oklch(69.85% 0.0782 66.44)` | Light Bronzer | black, 7.7 to 1 |
| 3 | `#c1976b` | `oklch(70.58% 0.0779 66.91)` | Chalet | black, 7.9 to 1 |
| 4 | `#c49a6e` | `oklch(71.45% 0.0776 67.47)` | Cardboard | black, 8.1 to 1 |
| 5 | `#c69d71` | `oklch(72.42% 0.0771 68.09)` | Gingersnap | black, 8.4 to 1 |
| 6 | `#c9a174` | `oklch(73.46% 0.0764 68.73)` | New Fawn | black, 8.8 to 1 |
| 7 | `#cca478` | `oklch(74.53% 0.0755 69.35)` | Golden Thistle Yellow | black, 9.1 to 1 |
| 8 | `#cfa87c` | `oklch(75.60% 0.0742 69.94)` | Stonebriar | black, 9.5 to 1 |
| 9 | `#d1ac80` | `oklch(76.64% 0.0725 70.44)` | Toast and Butter | black, 9.9 to 1 |
| 10 | `#d4b086` | `oklch(77.86% 0.0700 70.97)` | Caramel Cloud | black, 10.3 to 1 |
| 11 | `#d7b58d` | `oklch(79.25% 0.0666 71.54)` | Nutmeg Glow | black, 10.8 to 1 |
| 12 | `#daba94` | `oklch(80.70% 0.0628 72.10)` | Friar Tuck | black, 11.4 to 1 |
| 13 | `#ddbf9b` | `oklch(82.11% 0.0591 72.62)` | More Cowbell | black, 11.9 to 1 |
| 14 | `#dfc4a1` | `oklch(83.36% 0.0556 73.05)` | Fortune Cookie | black, 12.5 to 1 |
| 15 | `#e1c7a6` | `oklch(84.33% 0.0529 73.36)` | Persian Flatbread | black, 12.9 to 1 |
| 16 | `#e2c9a9` | `oklch(84.92% 0.0513 73.50)` | Marshmallow Mist | black, 13.1 to 1 |
| 17 | `#e3c9aa` | `oklch(85.04% 0.0511 73.44)` | Craft Juggler | black, 13.2 to 1 |
| 18 | `#e2c8a8` | `oklch(84.73% 0.0522 73.25)` | Persian Flatbread | black, 13 to 1 |
| 19 | `#e1c6a4` | `oklch(84.09% 0.0544 72.94)` | Pure Almond | black, 12.8 to 1 |
| 20 | `#dfc39f` | `oklch(83.17% 0.0573 72.50)` | Slender Reed | black, 12.4 to 1 |
| 21 | `#ddbf9a` | `oklch(82.06% 0.0606 71.94)` | Honey Peach | black, 11.9 to 1 |
| 22 | `#dbba93` | `oklch(80.83% 0.0639 71.25)` | Friar Tuck | black, 11.4 to 1 |
| 23 | `#d8b58d` | `oklch(79.54% 0.0671 70.45)` | Nutmeg Glow | black, 10.9 to 1 |
| 24 | `#d6b188` | `oklch(78.26% 0.0697 69.52)` | Calico | black, 10.4 to 1 |
| 25 | `#d3ac83` | `oklch(76.95% 0.0718 68.38)` | Toast and Butter | black, 9.9 to 1 |
| 26 | `#cfa67d` | `oklch(75.37% 0.0738 66.91)` | City Sunrise | black, 9.4 to 1 |
| 27 | `#cba077` | `oklch(73.63% 0.0757 65.21)` | Pumpkin Butter | black, 8.8 to 1 |
| 28 | `#c79a71` | `oklch(71.83% 0.0775 63.41)` | Chimaera Brown | black, 8.2 to 1 |
| 29 | `#c3946b` | `oklch(70.07% 0.0791 61.63)` | Surprise | black, 7.7 to 1 |
| 30 | `#bf8e66` | `oklch(68.47% 0.0805 60.00)` | Eastlake Gold | black, 7.2 to 1 |
| 31 | `#bc8962` | `oklch(67.12% 0.0817 58.62)` | Fenugreek | black, 6.9 to 1 |
| 32 | `#b9865f` | `oklch(66.14% 0.0827 57.64)` | Doe | black, 6.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #be9367 0.0%, #bf9569 3.2%, #c1976b 6.5%, #c49a6e 9.7%, #c69d71 12.9%, #c9a174 16.1%, #cca478 19.4%, #cfa87c 22.6%, #d1ac80 25.8%, #d4b086 29.0%, #d7b58d 32.3%, #daba94 35.5%, #ddbf9b 38.7%, #dfc4a1 41.9%, #e1c7a6 45.2%, #e2c9a9 48.4%, #e3c9aa 51.6%, #e2c8a8 54.8%, #e1c6a4 58.1%, #dfc39f 61.3%, #ddbf9a 64.5%, #dbba93 67.7%, #d8b58d 71.0%, #d6b188 74.2%, #d3ac83 77.4%, #cfa67d 80.6%, #cba077 83.9%, #c79a71 87.1%, #c3946b 90.3%, #bf8e66 93.5%, #bc8962 96.8%, #b9865f 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(69.29% 0.0785 66.09) 0.0%, oklch(69.85% 0.0782 66.44) 3.2%, oklch(70.58% 0.0779 66.91) 6.5%, oklch(71.45% 0.0776 67.47) 9.7%, oklch(72.42% 0.0771 68.09) 12.9%, oklch(73.46% 0.0764 68.73) 16.1%, oklch(74.53% 0.0755 69.35) 19.4%, oklch(75.60% 0.0742 69.94) 22.6%, oklch(76.64% 0.0725 70.44) 25.8%, oklch(77.86% 0.0700 70.97) 29.0%, oklch(79.25% 0.0666 71.54) 32.3%, oklch(80.70% 0.0628 72.10) 35.5%, oklch(82.11% 0.0591 72.62) 38.7%, oklch(83.36% 0.0556 73.05) 41.9%, oklch(84.33% 0.0529 73.36) 45.2%, oklch(84.92% 0.0513 73.50) 48.4%, oklch(85.04% 0.0511 73.44) 51.6%, oklch(84.73% 0.0522 73.25) 54.8%, oklch(84.09% 0.0544 72.94) 58.1%, oklch(83.17% 0.0573 72.50) 61.3%, oklch(82.06% 0.0606 71.94) 64.5%, oklch(80.83% 0.0639 71.25) 67.7%, oklch(79.54% 0.0671 70.45) 71.0%, oklch(78.26% 0.0697 69.52) 74.2%, oklch(76.95% 0.0718 68.38) 77.4%, oklch(75.37% 0.0738 66.91) 80.6%, oklch(73.63% 0.0757 65.21) 83.9%, oklch(71.83% 0.0775 63.41) 87.1%, oklch(70.07% 0.0791 61.63) 90.3%, oklch(68.47% 0.0805 60.00) 93.5%, oklch(67.12% 0.0817 58.62) 96.8%, oklch(66.14% 0.0827 57.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.693 | 0.079 | 66.1 |
| 2 | 0.764 | 0.073 | 70.3 |
| 3 | 0.85 | 0.051 | 73.5 |
| 4 | 0.78 | 0.07 | 69.3 |
| 5 | 0.661 | 0.083 | 57.6 |

## In these collections

- [Brown gradients](https://grabient.com/brown-gradients)

## Other forms

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