# Terracotta, crimson and mauve copper palette

The Terracotta, crimson and mauve copper palette brings together orange, light orange, and red. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is light orange.

- Also called: Analogous peach to brown angular gradient
- Seed: `kYtFIlZZ_ANAqvhBo78Mxq-akOvi`
- Page: https://grabient.com/kYtFIlZZ_ANAqvhBo78Mxq-akOvi?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.7 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 | `#d98c5c` | `oklch(70.87% 0.1130 52.03)` | Longhorn | black, 7.8 to 1 |
| 2 | `#db9162` | `oklch(72.10% 0.1096 52.45)` | Copper Cove | black, 8.2 to 1 |
| 3 | `#df986b` | `oklch(74.03% 0.1045 53.19)` | Candle Yellow | black, 8.8 to 1 |
| 4 | `#e3a175` | `oklch(76.23% 0.0986 54.00)` | Roasted Seeds | black, 9.6 to 1 |
| 5 | `#e7a87f` | `oklch(78.26% 0.0930 54.64)` | Ceramic Glaze | black, 10.3 to 1 |
| 6 | `#eaae86` | `oklch(79.67% 0.0887 54.83)` | Orange Liqueur | black, 10.8 to 1 |
| 7 | `#eaaf88` | `oklch(80.02% 0.0868 54.35)` | Trick or Treat | black, 11 to 1 |
| 8 | `#e8ab85` | `oklch(78.97% 0.0883 52.92)` | Coral Dust | black, 10.6 to 1 |
| 9 | `#e4a27d` | `oklch(76.74% 0.0930 50.60)` | Peachy Tint | black, 9.7 to 1 |
| 10 | `#de9772` | `oklch(73.73% 0.0994 47.73)` | Baked Salmon | black, 8.7 to 1 |
| 11 | `#d78967` | `oklch(70.34% 0.1064 44.64)` | Bronzed Orange | black, 7.6 to 1 |
| 12 | `#cf7c5d` | `oklch(66.95% 0.1125 41.66)` | Apricot Brown | black, 6.7 to 1 |
| 13 | `#c77255` | `oklch(63.98% 0.1165 39.11)` | Spanish Peanut | black, 5.9 to 1 |
| 14 | `#c06a50` | `oklch(61.67% 0.1172 37.27)` | Warm Cider | black, 5.4 to 1 |
| 15 | `#b9644d` | `oklch(59.65% 0.1158 35.91)` | Autumn Ivy | black, 4.9 to 1 |
| 16 | `#b25f4a` | `oklch(57.81% 0.1128 34.86)` | Clay Figure | black, 4.6 to 1 |
| 17 | `#ab5b49` | `oklch(56.08% 0.1088 33.94)` | Tibetan Orange | white, 4.8 to 1 |
| 18 | `#a35747` | `oklch(54.39% 0.1044 32.97)` | Volcanic | white, 5.2 to 1 |
| 19 | `#9c5345` | `oklch(52.66% 0.1001 31.78)` | American Roast | white, 5.6 to 1 |
| 20 | `#954f43` | `oklch(50.83% 0.0964 30.23)` | Ruskin Red | white, 6 to 1 |
| 21 | `#8d4a41` | `oklch(48.93% 0.0928 28.43)` | Rojo Oxide | white, 6.5 to 1 |
| 22 | `#86453f` | `oklch(46.99% 0.0890 26.47)` | Spiced Berry | white, 7.1 to 1 |
| 23 | `#7e413e` | `oklch(45.07% 0.0851 24.38)` | Raw Cinnabar | white, 7.7 to 1 |
| 24 | `#773d3c` | `oklch(43.21% 0.0810 22.21)` | Sequoia Redwood | white, 8.3 to 1 |
| 25 | `#6f393a` | `oklch(41.46% 0.0767 19.99)` | Rubine | white, 9 to 1 |
| 26 | `#693639` | `oklch(39.85% 0.0721 17.76)` | Forest Fruit Pink | white, 9.6 to 1 |
| 27 | `#623337` | `oklch(38.29% 0.0667 15.26)` | Kremlin Red | white, 10.2 to 1 |
| 28 | `#5b3136` | `oklch(36.78% 0.0606 12.52)` | Dubonnet | white, 10.8 to 1 |
| 29 | `#542f35` | `oklch(35.37% 0.0543 9.75)` | Port Royale | white, 11.4 to 1 |
| 30 | `#4e2d34` | `oklch(34.12% 0.0485 7.17)` | Purple Kite | white, 11.9 to 1 |
| 31 | `#492c32` | `oklch(33.07% 0.0435 4.99)` | Ripe Eggplant | white, 12.4 to 1 |
| 32 | `#452b31` | `oklch(32.28% 0.0400 3.42)` | Wine Tasting | white, 12.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #d98c5c 0.0%, #db9162 3.2%, #df986b 6.5%, #e3a175 9.7%, #e7a87f 12.9%, #eaae86 16.1%, #eaaf88 19.4%, #e8ab85 22.6%, #e4a27d 25.8%, #de9772 29.0%, #d78967 32.3%, #cf7c5d 35.5%, #c77255 38.7%, #c06a50 41.9%, #b9644d 45.2%, #b25f4a 48.4%, #ab5b49 51.6%, #a35747 54.8%, #9c5345 58.1%, #954f43 61.3%, #8d4a41 64.5%, #86453f 67.7%, #7e413e 71.0%, #773d3c 74.2%, #6f393a 77.4%, #693639 80.6%, #623337 83.9%, #5b3136 87.1%, #542f35 90.3%, #4e2d34 93.5%, #492c32 96.8%, #452b31 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(70.87% 0.1130 52.03) 0.0%, oklch(72.10% 0.1096 52.45) 3.2%, oklch(74.03% 0.1045 53.19) 6.5%, oklch(76.23% 0.0986 54.00) 9.7%, oklch(78.26% 0.0930 54.64) 12.9%, oklch(79.67% 0.0887 54.83) 16.1%, oklch(80.02% 0.0868 54.35) 19.4%, oklch(78.97% 0.0883 52.92) 22.6%, oklch(76.74% 0.0930 50.60) 25.8%, oklch(73.73% 0.0994 47.73) 29.0%, oklch(70.34% 0.1064 44.64) 32.3%, oklch(66.95% 0.1125 41.66) 35.5%, oklch(63.98% 0.1165 39.11) 38.7%, oklch(61.67% 0.1172 37.27) 41.9%, oklch(59.65% 0.1158 35.91) 45.2%, oklch(57.81% 0.1128 34.86) 48.4%, oklch(56.08% 0.1088 33.94) 51.6%, oklch(54.39% 0.1044 32.97) 54.8%, oklch(52.66% 0.1001 31.78) 58.1%, oklch(50.83% 0.0964 30.23) 61.3%, oklch(48.93% 0.0928 28.43) 64.5%, oklch(46.99% 0.0890 26.47) 67.7%, oklch(45.07% 0.0851 24.38) 71.0%, oklch(43.21% 0.0810 22.21) 74.2%, oklch(41.46% 0.0767 19.99) 77.4%, oklch(39.85% 0.0721 17.76) 80.6%, oklch(38.29% 0.0667 15.26) 83.9%, oklch(36.78% 0.0606 12.52) 87.1%, oklch(35.37% 0.0543 9.75) 90.3%, oklch(34.12% 0.0485 7.17) 93.5%, oklch(33.07% 0.0435 4.99) 96.8%, oklch(32.28% 0.0400 3.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.709 | 0.113 | 52 |
| 2 | 0.799 | 0.087 | 54.1 |
| 3 | 0.63 | 0.117 | 38.3 |
| 4 | 0.516 | 0.098 | 30.9 |
| 5 | 0.402 | 0.073 | 18.2 |
| 6 | 0.323 | 0.04 | 3.4 |

## In these collections

- [Copper](https://grabient.com/copper)

## Other forms

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