# Tan, gray and terracotta multicolor palette

The Tan, gray and terracotta multicolor palette brings together gray, green, red, and orange. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is orange.

- Also called: Gray and orange linear swatches
- Seed: `kaZBAyuZHGMSOwnEBVKvh_GsKtQ5PMUGA`
- Page: https://grabient.com/kaZBAyuZHGMSOwnEBVKvh_GsKtQ5PMUGA?style=linearSwatches&steps=21&angle=135
- Drawn as: linear swatches, 21 steps, 135 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.4 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 | `#4e4439` | `oklch(39.37% 0.0220 71.02)` | Peppercorn Rent | white, 9.4 to 1 |
| 2 | `#514837` | `oklch(40.62% 0.0291 83.98)` | Wet Suit | white, 8.9 to 1 |
| 3 | `#524f36` | `oklch(42.43% 0.0390 102.46)` | Thatch Green | white, 8.2 to 1 |
| 4 | `#51583a` | `oklch(44.55% 0.0469 119.62)` | Dark Rainforest | white, 7.4 to 1 |
| 5 | `#536042` | `oklch(46.98% 0.0491 127.91)` | Cactus Green | white, 6.7 to 1 |
| 6 | `#5b694b` | `oklch(50.00% 0.0474 127.82)` | Monstera | white, 5.9 to 1 |
| 7 | `#627157` | `oklch(52.74% 0.0433 132.48)` | Midnight Garden | white, 5.2 to 1 |
| 8 | `#5e7666` | `oklch(54.28% 0.0376 155.73)` | Mt Burleigh | white, 4.9 to 1 |
| 9 | `#5f7577` | `oklch(54.64% 0.0260 203.37)` | Paradise City | white, 4.8 to 1 |
| 10 | `#6a7078` | `oklch(54.26% 0.0149 259.08)` | Dapper Greyhound | white, 5 to 1 |
| 11 | `#6f6c74` | `oklch(53.54% 0.0138 303.50)` | Wetbar | white, 5.1 to 1 |
| 12 | `#736472` | `oklch(52.18% 0.0295 328.91)` | Burnt Ash | white, 5.5 to 1 |
| 13 | `#7b576c` | `oklch(50.32% 0.0554 344.51)` | Euphoric Magenta | white, 6.1 to 1 |
| 14 | `#844c61` | `oklch(48.98% 0.0805 356.39)` | Red Shrivel | white, 6.5 to 1 |
| 15 | `#8e4755` | `oklch(48.90% 0.0970 8.66)` | Dull Magenta | white, 6.6 to 1 |
| 16 | `#96454a` | `oklch(49.68% 0.1093 18.60)` | Plum Majesty | white, 6.4 to 1 |
| 17 | `#9f4740` | `oklch(51.12% 0.1188 26.59)` | Roof Terracotta | white, 6 to 1 |
| 18 | `#a84c39` | `oklch(53.14% 0.1262 33.33)` | Sun’s Rage | white, 5.5 to 1 |
| 19 | `#b45637` | `oklch(56.32% 0.1308 38.58)` | Overcast Brick | white, 4.8 to 1 |
| 20 | `#c06139` | `oklch(59.78% 0.1334 42.37)` | Civara | black, 4.9 to 1 |
| 21 | `#c8693b` | `oklch(62.20% 0.1350 44.95)` | Apricot Orange | black, 5.5 to 1 |

## CSS

```css
background: linear-gradient(135deg, #4e4439 0.000% 4.762%, #514837 4.762% 9.524%, #524f36 9.524% 14.286%, #51583a 14.286% 19.048%, #536042 19.048% 23.810%, #5b694b 23.810% 28.571%, #627157 28.571% 33.333%, #5e7666 33.333% 38.095%, #5f7577 38.095% 42.857%, #6a7078 42.857% 47.619%, #6f6c74 47.619% 52.381%, #736472 52.381% 57.143%, #7b576c 57.143% 61.905%, #844c61 61.905% 66.667%, #8e4755 66.667% 71.429%, #96454a 71.429% 76.190%, #9f4740 76.190% 80.952%, #a84c39 80.952% 85.714%, #b45637 85.714% 90.476%, #c06139 90.476% 95.238%, #c8693b 95.238% 100.000%);
background: linear-gradient(135deg, oklch(39.37% 0.0220 71.02) 0.000% 4.762%, oklch(40.62% 0.0291 83.98) 4.762% 9.524%, oklch(42.43% 0.0390 102.46) 9.524% 14.286%, oklch(44.55% 0.0469 119.62) 14.286% 19.048%, oklch(46.98% 0.0491 127.91) 19.048% 23.810%, oklch(50.00% 0.0474 127.82) 23.810% 28.571%, oklch(52.74% 0.0433 132.48) 28.571% 33.333%, oklch(54.28% 0.0376 155.73) 33.333% 38.095%, oklch(54.64% 0.0260 203.37) 38.095% 42.857%, oklch(54.26% 0.0149 259.08) 42.857% 47.619%, oklch(53.54% 0.0138 303.50) 47.619% 52.381%, oklch(52.18% 0.0295 328.91) 52.381% 57.143%, oklch(50.32% 0.0554 344.51) 57.143% 61.905%, oklch(48.98% 0.0805 356.39) 61.905% 66.667%, oklch(48.90% 0.0970 8.66) 66.667% 71.429%, oklch(49.68% 0.1093 18.60) 71.429% 76.190%, oklch(51.12% 0.1188 26.59) 76.190% 80.952%, oklch(53.14% 0.1262 33.33) 80.952% 85.714%, oklch(56.32% 0.1308 38.58) 85.714% 90.476%, oklch(59.78% 0.1334 42.37) 90.476% 95.238%, oklch(62.20% 0.1350 44.95) 95.238% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.394 | 0.022 | 71 |
| 2 | 0.453 | 0.048 | 123.9 |
| 3 | 0.539 | 0.04 | 145 |
| 4 | 0.535 | 0.014 | 303.5 |
| 5 | 0.488 | 0.087 | 360.6 |
| 6 | 0.524 | 0.124 | 391.2 |
| 7 | 0.622 | 0.135 | 404.9 |

## In these collections

- [Multicolor gradients](https://grabient.com/multicolor-gradients)

## Other forms

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