# Walnut Sand Passage

Cream and pale sand descend diagonally through toasted tan, walnut, espresso, warm umber, and muted chestnut. The route keeps its deepest brown away from both ends, leaving useful lighter and middle-value areas for type. It fits heritage packaging, café menus, interiors presentations, book jackets, and editorial backgrounds built around natural wood tones.

- Also called: Monochrome beige to brown linear gradient
- Seed: `kW8Bo4yJm86oOvdPmcKsRI9o`
- Page: https://grabient.com/kW8Bo4yJm86oOvdPmcKsRI9o?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: dark center, muted, warm, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.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 | `#faebd3` | `oklch(94.49% 0.0358 79.45)` | Antique Ivory | black, 17.8 to 1 |
| 2 | `#f1e0c6` | `oklch(91.40% 0.0391 77.37)` | Cream Washed | black, 16.2 to 1 |
| 3 | `#e6d1b6` | `oklch(87.16% 0.0439 74.53)` | Beachy Keen | black, 14.1 to 1 |
| 4 | `#d9c0a2` | `oklch(82.11% 0.0496 71.14)` | Warm Buff | black, 12 to 1 |
| 5 | `#cbad8d` | `oklch(76.58% 0.0557 67.42)` | Woven Navajo | black, 9.8 to 1 |
| 6 | `#bd9979` | `oklch(70.89% 0.0614 63.57)` | Slice of Brioche | black, 8 to 1 |
| 7 | `#af8767` | `oklch(65.36% 0.0662 59.82)` | Chamois Leather | black, 6.4 to 1 |
| 8 | `#a27758` | `oklch(60.34% 0.0694 56.36)` | Sidesaddle | black, 5.2 to 1 |
| 9 | `#96694d` | `oklch(56.08% 0.0702 53.38)` | Old Driftwood | white, 4.7 to 1 |
| 10 | `#895d44` | `oklch(51.87% 0.0684 50.32)` | Rawhide | white, 5.6 to 1 |
| 11 | `#7a513c` | `oklch(47.53% 0.0644 47.10)` | Leather Satchel | white, 6.8 to 1 |
| 12 | `#6c4636` | `oklch(43.34% 0.0590 43.93)` | Brisket | white, 8.1 to 1 |
| 13 | `#5f3d30` | `oklch(39.53% 0.0532 41.03)` | Painted Bark | white, 9.5 to 1 |
| 14 | `#54352b` | `oklch(36.38% 0.0475 38.61)` | American Mahogany | white, 10.9 to 1 |
| 15 | `#4c3028` | `oklch(34.15% 0.0430 36.90)` | Rojo Marrón | white, 11.8 to 1 |
| 16 | `#482e27` | `oklch(33.08% 0.0403 36.11)` | Barako Brew | white, 12.3 to 1 |
| 17 | `#492f28` | `oklch(33.57% 0.0403 36.55)` | Rojo Marrón | white, 12.1 to 1 |
| 18 | `#51362d` | `oklch(36.22% 0.0428 38.67)` | American Mahogany | white, 10.9 to 1 |
| 19 | `#5f4135` | `oklch(40.52% 0.0470 42.07)` | Daniel Boone | white, 9.1 to 1 |
| 20 | `#704e3e` | `oklch(45.76% 0.0524 46.19)` | Brown Velvet | white, 7.3 to 1 |
| 21 | `#825d48` | `oklch(51.27% 0.0581 50.51)` | Coffee Bar | white, 5.7 to 1 |
| 22 | `#936c51` | `oklch(56.34% 0.0634 54.48)` | Thrush | white, 4.6 to 1 |
| 23 | `#a07759` | `oklch(60.29% 0.0676 57.57)` | Chamoisee | black, 5.2 to 1 |
| 24 | `#a77d5c` | `oklch(62.43% 0.0700 59.24)` | Café au Lait | black, 5.7 to 1 |
| 25 | `#a77d5c` | `oklch(62.29% 0.0702 59.12)` | Café au Lait | black, 5.7 to 1 |
| 26 | `#a17758` | `oklch(60.32% 0.0687 57.56)` | Sidesaddle | black, 5.2 to 1 |
| 27 | `#966d52` | `oklch(57.06% 0.0659 54.97)` | Wheat Penny | black, 4.6 to 1 |
| 28 | `#89624a` | `oklch(52.98% 0.0623 51.75)` | Leather Work | white, 5.3 to 1 |
| 29 | `#7b5542` | `oklch(48.59% 0.0584 48.27)` | Florentine Brown | white, 6.5 to 1 |
| 30 | `#6d4a3a` | `oklch(44.40% 0.0547 44.96)` | Fondue Fudge | white, 7.7 to 1 |
| 31 | `#624134` | `oklch(40.89% 0.0516 42.18)` | Worn Wooden | white, 9 to 1 |
| 32 | `#5b3b2f` | `oklch(38.58% 0.0496 40.35)` | Cioccolato | white, 9.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #faebd3 0.0%, #f1e0c6 3.2%, #e6d1b6 6.5%, #d9c0a2 9.7%, #cbad8d 12.9%, #bd9979 16.1%, #af8767 19.4%, #a27758 22.6%, #96694d 25.8%, #895d44 29.0%, #7a513c 32.3%, #6c4636 35.5%, #5f3d30 38.7%, #54352b 41.9%, #4c3028 45.2%, #482e27 48.4%, #492f28 51.6%, #51362d 54.8%, #5f4135 58.1%, #704e3e 61.3%, #825d48 64.5%, #936c51 67.7%, #a07759 71.0%, #a77d5c 74.2%, #a77d5c 77.4%, #a17758 80.6%, #966d52 83.9%, #89624a 87.1%, #7b5542 90.3%, #6d4a3a 93.5%, #624134 96.8%, #5b3b2f 100.0%);
background: linear-gradient(45deg in oklch, oklch(94.49% 0.0358 79.45) 0.0%, oklch(91.40% 0.0391 77.37) 3.2%, oklch(87.16% 0.0439 74.53) 6.5%, oklch(82.11% 0.0496 71.14) 9.7%, oklch(76.58% 0.0557 67.42) 12.9%, oklch(70.89% 0.0614 63.57) 16.1%, oklch(65.36% 0.0662 59.82) 19.4%, oklch(60.34% 0.0694 56.36) 22.6%, oklch(56.08% 0.0702 53.38) 25.8%, oklch(51.87% 0.0684 50.32) 29.0%, oklch(47.53% 0.0644 47.10) 32.3%, oklch(43.34% 0.0590 43.93) 35.5%, oklch(39.53% 0.0532 41.03) 38.7%, oklch(36.38% 0.0475 38.61) 41.9%, oklch(34.15% 0.0430 36.90) 45.2%, oklch(33.08% 0.0403 36.11) 48.4%, oklch(33.57% 0.0403 36.55) 51.6%, oklch(36.22% 0.0428 38.67) 54.8%, oklch(40.52% 0.0470 42.07) 58.1%, oklch(45.76% 0.0524 46.19) 61.3%, oklch(51.27% 0.0581 50.51) 64.5%, oklch(56.34% 0.0634 54.48) 67.7%, oklch(60.29% 0.0676 57.57) 71.0%, oklch(62.43% 0.0700 59.24) 74.2%, oklch(62.29% 0.0702 59.12) 77.4%, oklch(60.32% 0.0687 57.56) 80.6%, oklch(57.06% 0.0659 54.97) 83.9%, oklch(52.98% 0.0623 51.75) 87.1%, oklch(48.59% 0.0584 48.27) 90.3%, oklch(44.40% 0.0547 44.96) 93.5%, oklch(40.89% 0.0516 42.18) 96.8%, oklch(38.58% 0.0496 40.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.945 | 0.036 | 79.5 |
| 2 | 0.571 | 0.07 | 54.1 |
| 3 | 0.331 | 0.04 | 36.1 |
| 4 | 0.626 | 0.07 | 59.4 |
| 5 | 0.386 | 0.05 | 40.4 |

## In these collections

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

## Other forms

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