# Gray, peach and tan color palette

The Gray, peach and tan color palette brings together gray, light orange, and orange. The colors span a moderate lightness range, combining restrained 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 light orange.

- Also called: Gray and beige linear gradient
- Seed: `kUggwe2QvBG0Qw1XC7_A`
- Page: https://grabient.com/kUggwe2QvBG0Qw1XC7_A?steps=32&angle=315
- Drawn as: linear gradient, 32 steps, 315 degrees
- Kinds: light center, neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#6f645f` | `oklch(51.18% 0.0165 42.89)` | Wright Brown | white, 5.7 to 1 |
| 2 | `#736762` | `oklch(52.28% 0.0174 43.36)` | Less Brown | white, 5.4 to 1 |
| 3 | `#786b65` | `oklch(53.70% 0.0185 43.85)` | Acoustic Brown | white, 5.1 to 1 |
| 4 | `#7d6f69` | `oklch(55.38% 0.0199 44.39)` | Kindling | white, 4.8 to 1 |
| 5 | `#84756e` | `oklch(57.27% 0.0214 45.01)` | Clayton | black, 4.7 to 1 |
| 6 | `#8a7a73` | `oklch(59.30% 0.0230 45.73)` | Revere Greige | black, 5.1 to 1 |
| 7 | `#928078` | `oklch(61.41% 0.0247 46.58)` | Chocolate Chiffon | black, 5.5 to 1 |
| 8 | `#99867d` | `oklch(63.55% 0.0264 47.59)` | Ginnezumi | black, 6 to 1 |
| 9 | `#a08c82` | `oklch(65.65% 0.0281 48.78)` | Portobello | black, 6.6 to 1 |
| 10 | `#a79287` | `oklch(67.66% 0.0297 50.17)` | Casket | black, 7.1 to 1 |
| 11 | `#ad988c` | `oklch(69.51% 0.0312 51.80)` | Wool Coat | black, 7.6 to 1 |
| 12 | `#b39d90` | `oklch(71.25% 0.0327 53.76)` | Postmodern Mauve | black, 8.1 to 1 |
| 13 | `#baa394` | `oklch(73.16% 0.0343 56.25)` | Faint Maple | black, 8.7 to 1 |
| 14 | `#c0aa98` | `oklch(75.18% 0.0360 59.14)` | Western Sandstone | black, 9.4 to 1 |
| 15 | `#c7b09d` | `oklch(77.24% 0.0378 62.32)` | Cracked Earth | black, 10.1 to 1 |
| 16 | `#ceb7a1` | `oklch(79.25% 0.0396 65.65)` | Recycled | black, 10.8 to 1 |
| 17 | `#d3bda5` | `oklch(81.14% 0.0412 68.99)` | Tiramisu Cream | black, 11.6 to 1 |
| 18 | `#d8c3a9` | `oklch(82.81% 0.0427 72.22)` | Biscotti | black, 12.3 to 1 |
| 19 | `#dcc8ac` | `oklch(84.19% 0.0439 75.20)` | Woollen Sox | black, 12.8 to 1 |
| 20 | `#dfcbae` | `oklch(85.20% 0.0448 77.80)` | Tatami | black, 13.3 to 1 |
| 21 | `#e0ceaf` | `oklch(85.75% 0.0454 79.89)` | Netsuke | black, 13.5 to 1 |
| 22 | `#e0ceaf` | `oklch(85.76% 0.0454 81.35)` | Netsuke | black, 13.5 to 1 |
| 23 | `#ddccad` | `oklch(85.08% 0.0449 82.24)` | Peaceable Kingdom | black, 13.2 to 1 |
| 24 | `#d8c8aa` | `oklch(83.81% 0.0440 82.68)` | New Khaki | black, 12.7 to 1 |
| 25 | `#d2c2a6` | `oklch(82.08% 0.0426 82.75)` | Baja | black, 12 to 1 |
| 26 | `#cbbca1` | `oklch(80.02% 0.0409 82.53)` | Windsor Tan | black, 11.2 to 1 |
| 27 | `#c3b59b` | `oklch(77.77% 0.0391 82.11)` | Windsor Greige | black, 10.3 to 1 |
| 28 | `#bcae95` | `oklch(75.47% 0.0373 81.57)` | Weatherhead | black, 9.5 to 1 |
| 29 | `#b4a790` | `oklch(73.26% 0.0355 80.99)` | Sleepy Owlet | black, 8.8 to 1 |
| 30 | `#aea18b` | `oklch(71.27% 0.0339 80.46)` | Urban Charm | black, 8.2 to 1 |
| 31 | `#a89c87` | `oklch(69.64% 0.0326 80.06)` | Land of Nod | black, 7.7 to 1 |
| 32 | `#a49884` | `oklch(68.50% 0.0317 79.88)` | Malta | black, 7.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #6f645f 0.0%, #736762 3.2%, #786b65 6.5%, #7d6f69 9.7%, #84756e 12.9%, #8a7a73 16.1%, #928078 19.4%, #99867d 22.6%, #a08c82 25.8%, #a79287 29.0%, #ad988c 32.3%, #b39d90 35.5%, #baa394 38.7%, #c0aa98 41.9%, #c7b09d 45.2%, #ceb7a1 48.4%, #d3bda5 51.6%, #d8c3a9 54.8%, #dcc8ac 58.1%, #dfcbae 61.3%, #e0ceaf 64.5%, #e0ceaf 67.7%, #ddccad 71.0%, #d8c8aa 74.2%, #d2c2a6 77.4%, #cbbca1 80.6%, #c3b59b 83.9%, #bcae95 87.1%, #b4a790 90.3%, #aea18b 93.5%, #a89c87 96.8%, #a49884 100.0%);
background: linear-gradient(315deg in oklch, oklch(51.18% 0.0165 42.89) 0.0%, oklch(52.28% 0.0174 43.36) 3.2%, oklch(53.70% 0.0185 43.85) 6.5%, oklch(55.38% 0.0199 44.39) 9.7%, oklch(57.27% 0.0214 45.01) 12.9%, oklch(59.30% 0.0230 45.73) 16.1%, oklch(61.41% 0.0247 46.58) 19.4%, oklch(63.55% 0.0264 47.59) 22.6%, oklch(65.65% 0.0281 48.78) 25.8%, oklch(67.66% 0.0297 50.17) 29.0%, oklch(69.51% 0.0312 51.80) 32.3%, oklch(71.25% 0.0327 53.76) 35.5%, oklch(73.16% 0.0343 56.25) 38.7%, oklch(75.18% 0.0360 59.14) 41.9%, oklch(77.24% 0.0378 62.32) 45.2%, oklch(79.25% 0.0396 65.65) 48.4%, oklch(81.14% 0.0412 68.99) 51.6%, oklch(82.81% 0.0427 72.22) 54.8%, oklch(84.19% 0.0439 75.20) 58.1%, oklch(85.20% 0.0448 77.80) 61.3%, oklch(85.75% 0.0454 79.89) 64.5%, oklch(85.76% 0.0454 81.35) 67.7%, oklch(85.08% 0.0449 82.24) 71.0%, oklch(83.81% 0.0440 82.68) 74.2%, oklch(82.08% 0.0426 82.75) 77.4%, oklch(80.02% 0.0409 82.53) 80.6%, oklch(77.77% 0.0391 82.11) 83.9%, oklch(75.47% 0.0373 81.57) 87.1%, oklch(73.26% 0.0355 80.99) 90.3%, oklch(71.27% 0.0339 80.46) 93.5%, oklch(69.64% 0.0326 80.06) 96.8%, oklch(68.50% 0.0317 79.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.512 | 0.017 | 42.9 |
| 2 | 0.701 | 0.032 | 52.4 |
| 3 | 0.858 | 0.045 | 80.9 |
| 4 | 0.685 | 0.032 | 79.9 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)
- [Beige](https://grabient.com/beige)

## Other forms

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