# Tan and terracotta cream palette

The Tan and terracotta cream palette brings together dark gray, orange, light orange, and pale orange. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is pale orange.

- Also called: Monochrome brown to beige linear gradient
- Seed: `kWRQ4iwA_AWATwbykcG-oxAY`
- Page: https://grabient.com/kWRQ4iwA_AWATwbykcG-oxAY?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, pastel, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#2f241f` | `oklch(27.17% 0.0193 48.52)` | Wood Bark | white, 15 to 1 |
| 2 | `#342822` | `oklch(29.01% 0.0213 48.69)` | Betel Nut Dye | white, 14.1 to 1 |
| 3 | `#3c2e27` | `oklch(31.46% 0.0240 48.82)` | Sambuca | white, 13 to 1 |
| 4 | `#45352d` | `oklch(34.38% 0.0272 48.98)` | Tobago | white, 11.6 to 1 |
| 5 | `#4f3d33` | `oklch(37.62% 0.0308 49.21)` | Rootstock | white, 10.2 to 1 |
| 6 | `#5a453a` | `oklch(41.06% 0.0344 49.57)` | Brown Derby | white, 8.9 to 1 |
| 7 | `#664e41` | `oklch(44.56% 0.0378 50.12)` | Connaisseur | white, 7.6 to 1 |
| 8 | `#715749` | `oklch(47.97% 0.0408 50.91)` | Rue Bourbon | white, 6.6 to 1 |
| 9 | `#7b6050` | `oklch(51.18% 0.0433 51.99)` | Caraïbe | white, 5.7 to 1 |
| 10 | `#866957` | `oklch(54.46% 0.0454 53.41)` | Art and Craft | white, 5 to 1 |
| 11 | `#91735f` | `oklch(57.88% 0.0473 55.13)` | Scented Candle | black, 4.8 to 1 |
| 12 | `#9c7d68` | `oklch(61.36% 0.0491 57.07)` | Dusty Canyon | black, 5.5 to 1 |
| 13 | `#a68870` | `oklch(64.82% 0.0506 59.15)` | Distant Land | black, 6.3 to 1 |
| 14 | `#b19279` | `oklch(68.18% 0.0518 61.30)` | Rikyūshira Brown | black, 7.2 to 1 |
| 15 | `#bb9c81` | `oklch(71.35% 0.0528 63.44)` | Au Lait Ole | black, 8.1 to 1 |
| 16 | `#c4a588` | `oklch(74.26% 0.0535 65.50)` | Light Ash Brown | black, 9.1 to 1 |
| 17 | `#cbae90` | `oklch(76.85% 0.0539 67.46)` | Dover Plains | black, 9.9 to 1 |
| 18 | `#d2b696` | `oklch(79.20% 0.0539 69.50)` | Slopes | black, 10.8 to 1 |
| 19 | `#d8bd9d` | `oklch(81.37% 0.0535 71.63)` | Soft Wheat | black, 11.7 to 1 |
| 20 | `#dec4a3` | `oklch(83.35% 0.0529 73.75)` | Light Corn Yellow | black, 12.5 to 1 |
| 21 | `#e2caa9` | `oklch(85.18% 0.0521 75.82)` | Marshmallow Mist | black, 13.3 to 1 |
| 22 | `#e7d0af` | `oklch(86.85% 0.0510 77.75)` | Chaparral | black, 14 to 1 |
| 23 | `#ebd6b4` | `oklch(88.39% 0.0498 79.49)` | Sensible Hue | black, 14.7 to 1 |
| 24 | `#eedbba` | `oklch(89.82% 0.0486 80.96)` | Cottage Cream | black, 15.4 to 1 |
| 25 | `#f2dfbf` | `oklch(91.12% 0.0471 82.12)` | Woven Raffia | black, 16.1 to 1 |
| 26 | `#f4e3c4` | `oklch(92.26% 0.0452 83.03)` | Afterglow | black, 16.6 to 1 |
| 27 | `#f7e7c9` | `oklch(93.26% 0.0429 83.73)` | Golden Buff | black, 17.2 to 1 |
| 28 | `#f8eace` | `oklch(94.12% 0.0406 84.26)` | Soft Candlelight | black, 17.6 to 1 |
| 29 | `#faedd2` | `oklch(94.86% 0.0383 84.66)` | Nice Cream | black, 18 to 1 |
| 30 | `#fbefd5` | `oklch(95.48% 0.0361 84.97)` | Milky Way Galaxy | black, 18.4 to 1 |
| 31 | `#fcf1d8` | `oklch(96.01% 0.0344 85.24)` | French Porcelain Clay | black, 18.6 to 1 |
| 32 | `#fdf2db` | `oklch(96.46% 0.0331 85.50)` | Antique Lace | black, 18.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2f241f 0.0%, #342822 3.2%, #3c2e27 6.5%, #45352d 9.7%, #4f3d33 12.9%, #5a453a 16.1%, #664e41 19.4%, #715749 22.6%, #7b6050 25.8%, #866957 29.0%, #91735f 32.3%, #9c7d68 35.5%, #a68870 38.7%, #b19279 41.9%, #bb9c81 45.2%, #c4a588 48.4%, #cbae90 51.6%, #d2b696 54.8%, #d8bd9d 58.1%, #dec4a3 61.3%, #e2caa9 64.5%, #e7d0af 67.7%, #ebd6b4 71.0%, #eedbba 74.2%, #f2dfbf 77.4%, #f4e3c4 80.6%, #f7e7c9 83.9%, #f8eace 87.1%, #faedd2 90.3%, #fbefd5 93.5%, #fcf1d8 96.8%, #fdf2db 100.0%);
background: linear-gradient(90deg in oklch, oklch(27.17% 0.0193 48.52) 0.0%, oklch(29.01% 0.0213 48.69) 3.2%, oklch(31.46% 0.0240 48.82) 6.5%, oklch(34.38% 0.0272 48.98) 9.7%, oklch(37.62% 0.0308 49.21) 12.9%, oklch(41.06% 0.0344 49.57) 16.1%, oklch(44.56% 0.0378 50.12) 19.4%, oklch(47.97% 0.0408 50.91) 22.6%, oklch(51.18% 0.0433 51.99) 25.8%, oklch(54.46% 0.0454 53.41) 29.0%, oklch(57.88% 0.0473 55.13) 32.3%, oklch(61.36% 0.0491 57.07) 35.5%, oklch(64.82% 0.0506 59.15) 38.7%, oklch(68.18% 0.0518 61.30) 41.9%, oklch(71.35% 0.0528 63.44) 45.2%, oklch(74.26% 0.0535 65.50) 48.4%, oklch(76.85% 0.0539 67.46) 51.6%, oklch(79.20% 0.0539 69.50) 54.8%, oklch(81.37% 0.0535 71.63) 58.1%, oklch(83.35% 0.0529 73.75) 61.3%, oklch(85.18% 0.0521 75.82) 64.5%, oklch(86.85% 0.0510 77.75) 67.7%, oklch(88.39% 0.0498 79.49) 71.0%, oklch(89.82% 0.0486 80.96) 74.2%, oklch(91.12% 0.0471 82.12) 77.4%, oklch(92.26% 0.0452 83.03) 80.6%, oklch(93.26% 0.0429 83.73) 83.9%, oklch(94.12% 0.0406 84.26) 87.1%, oklch(94.86% 0.0383 84.66) 90.3%, oklch(95.48% 0.0361 84.97) 93.5%, oklch(96.01% 0.0344 85.24) 96.8%, oklch(96.46% 0.0331 85.50) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.272 | 0.019 | 48.5 |
| 2 | 0.504 | 0.043 | 51.7 |
| 3 | 0.756 | 0.054 | 66.5 |
| 4 | 0.902 | 0.048 | 81.3 |
| 5 | 0.965 | 0.033 | 85.5 |

## In these collections

- [Cream](https://grabient.com/cream)

## Other forms

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