# Analogous tan, peach and brown linear swatches

Analogous tan, peach and brown linear swatches with 32 colors: #e2bb9d, #e2b899, #e2b493, #e2b08d, #e2ab86, #e2a67e, #e3a077, #e39a6f, #e39367, #e28c5f, #e18557, #df7e50, #dd774a, #da7044, #d6693f, #d1633a, #cc5d37, #c45834, #bc5331, #b34e2f, #a9492d, #9e442b, #934029, #883b27, #7d3725, #733323, #693022, #602d20, #572a1e, #50271d, #4a251c, #45231a. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kS0Cwqzra9iYUP0`
- Page: https://grabient.com/kS0Cwqzra9iYUP0?style=linearSwatches&steps=32
- Drawn as: linear swatches, 32 steps, 90 degrees
- Kinds: light to dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 7.8 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 | `#e2bb9d` | `oklch(81.89% 0.0606 59.77)` | Sumptuous Peach | black, 11.8 to 1 |
| 2 | `#e2b899` | `oklch(81.18% 0.0642 59.01)` | So Baja | black, 11.5 to 1 |
| 3 | `#e2b493` | `oklch(80.37% 0.0691 58.05)` | Sonora Apricot | black, 11.2 to 1 |
| 4 | `#e2b08d` | `oklch(79.45% 0.0751 56.92)` | Ancient Inca | black, 10.8 to 1 |
| 5 | `#e2ab86` | `oklch(78.43% 0.0819 55.64)` | Tumbleweed | black, 10.4 to 1 |
| 6 | `#e2a67e` | `oklch(77.32% 0.0894 54.25)` | Orange Clay | black, 10 to 1 |
| 7 | `#e3a077` | `oklch(76.12% 0.0973 52.77)` | Roasted Seeds | black, 9.5 to 1 |
| 8 | `#e39a6f` | `oklch(74.85% 0.1053 51.23)` | Candle Yellow | black, 9.1 to 1 |
| 9 | `#e39367` | `oklch(73.50% 0.1133 49.66)` | Peachy Maroney | black, 8.6 to 1 |
| 10 | `#e28c5f` | `oklch(72.09% 0.1211 48.09)` | Aegean Sky | black, 8.1 to 1 |
| 11 | `#e18557` | `oklch(70.62% 0.1284 46.53)` | Schnipo | black, 7.7 to 1 |
| 12 | `#df7e50` | `oklch(69.10% 0.1350 45.04)` | Deep Coral | black, 7.2 to 1 |
| 13 | `#dd774a` | `oklch(67.54% 0.1407 43.62)` | Orange Shot | black, 6.7 to 1 |
| 14 | `#da7044` | `oklch(65.94% 0.1452 42.31)` | Field Poppy | black, 6.3 to 1 |
| 15 | `#d6693f` | `oklch(64.31% 0.1484 41.13)` | Fresh Acorn | black, 5.9 to 1 |
| 16 | `#d1633a` | `oklch(62.65% 0.1501 40.12)` | Koi | black, 5.5 to 1 |
| 17 | `#cc5d37` | `oklch(60.94% 0.1499 39.29)` | Reed Mace | black, 5.1 to 1 |
| 18 | `#c45834` | `oklch(59.06% 0.1479 38.57)` | Raucous Orange | black, 4.8 to 1 |
| 19 | `#bc5331` | `oklch(56.99% 0.1443 37.94)` | Beef Patties | white, 4.7 to 1 |
| 20 | `#b34e2f` | `oklch(54.78% 0.1393 37.39)` | Cinnamon Sunset | white, 5.2 to 1 |
| 21 | `#a9492d` | `oklch(52.46% 0.1332 36.91)` | Potter’s Clay | white, 5.7 to 1 |
| 22 | `#9e442b` | `oklch(50.07% 0.1262 36.51)` | Rock Spray | white, 6.3 to 1 |
| 23 | `#934029` | `oklch(47.64% 0.1185 36.16)` | Brick Paver | white, 7 to 1 |
| 24 | `#883b27` | `oklch(45.21% 0.1103 35.86)` | Grill Master | white, 7.7 to 1 |
| 25 | `#7d3725` | `oklch(42.82% 0.1019 35.60)` | Roycroft Copper Red | white, 8.5 to 1 |
| 26 | `#733323` | `oklch(40.49% 0.0935 35.39)` | Mocha Glow | white, 9.4 to 1 |
| 27 | `#693022` | `oklch(38.26% 0.0853 35.20)` | Hereford Cow Brown | white, 10.2 to 1 |
| 28 | `#602d20` | `oklch(36.18% 0.0775 35.03)` | Chestnut Leather | white, 11.1 to 1 |
| 29 | `#572a1e` | `oklch(34.26% 0.0703 34.87)` | Kōrozen | white, 11.9 to 1 |
| 30 | `#50271d` | `oklch(32.56% 0.0641 34.72)` | Couch | white, 12.7 to 1 |
| 31 | `#4a251c` | `oklch(31.10% 0.0589 34.57)` | Wild Brown | white, 13.4 to 1 |
| 32 | `#45231a` | `oklch(29.92% 0.0551 34.40)` | Marmite | white, 13.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e2bb9d 0.000% 3.125%, #e2b899 3.125% 6.250%, #e2b493 6.250% 9.375%, #e2b08d 9.375% 12.500%, #e2ab86 12.500% 15.625%, #e2a67e 15.625% 18.750%, #e3a077 18.750% 21.875%, #e39a6f 21.875% 25.000%, #e39367 25.000% 28.125%, #e28c5f 28.125% 31.250%, #e18557 31.250% 34.375%, #df7e50 34.375% 37.500%, #dd774a 37.500% 40.625%, #da7044 40.625% 43.750%, #d6693f 43.750% 46.875%, #d1633a 46.875% 50.000%, #cc5d37 50.000% 53.125%, #c45834 53.125% 56.250%, #bc5331 56.250% 59.375%, #b34e2f 59.375% 62.500%, #a9492d 62.500% 65.625%, #9e442b 65.625% 68.750%, #934029 68.750% 71.875%, #883b27 71.875% 75.000%, #7d3725 75.000% 78.125%, #733323 78.125% 81.250%, #693022 81.250% 84.375%, #602d20 84.375% 87.500%, #572a1e 87.500% 90.625%, #50271d 90.625% 93.750%, #4a251c 93.750% 96.875%, #45231a 96.875% 100.000%);
background: linear-gradient(90deg, oklch(81.89% 0.0606 59.77) 0.000% 3.125%, oklch(81.18% 0.0642 59.01) 3.125% 6.250%, oklch(80.37% 0.0691 58.05) 6.250% 9.375%, oklch(79.45% 0.0751 56.92) 9.375% 12.500%, oklch(78.43% 0.0819 55.64) 12.500% 15.625%, oklch(77.32% 0.0894 54.25) 15.625% 18.750%, oklch(76.12% 0.0973 52.77) 18.750% 21.875%, oklch(74.85% 0.1053 51.23) 21.875% 25.000%, oklch(73.50% 0.1133 49.66) 25.000% 28.125%, oklch(72.09% 0.1211 48.09) 28.125% 31.250%, oklch(70.62% 0.1284 46.53) 31.250% 34.375%, oklch(69.10% 0.1350 45.04) 34.375% 37.500%, oklch(67.54% 0.1407 43.62) 37.500% 40.625%, oklch(65.94% 0.1452 42.31) 40.625% 43.750%, oklch(64.31% 0.1484 41.13) 43.750% 46.875%, oklch(62.65% 0.1501 40.12) 46.875% 50.000%, oklch(60.94% 0.1499 39.29) 50.000% 53.125%, oklch(59.06% 0.1479 38.57) 53.125% 56.250%, oklch(56.99% 0.1443 37.94) 56.250% 59.375%, oklch(54.78% 0.1393 37.39) 59.375% 62.500%, oklch(52.46% 0.1332 36.91) 62.500% 65.625%, oklch(50.07% 0.1262 36.51) 65.625% 68.750%, oklch(47.64% 0.1185 36.16) 68.750% 71.875%, oklch(45.21% 0.1103 35.86) 71.875% 75.000%, oklch(42.82% 0.1019 35.60) 75.000% 78.125%, oklch(40.49% 0.0935 35.39) 78.125% 81.250%, oklch(38.26% 0.0853 35.20) 81.250% 84.375%, oklch(36.18% 0.0775 35.03) 84.375% 87.500%, oklch(34.26% 0.0703 34.87) 87.500% 90.625%, oklch(32.56% 0.0641 34.72) 90.625% 93.750%, oklch(31.10% 0.0589 34.57) 93.750% 96.875%, oklch(29.92% 0.0551 34.40) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.061 | 59.8 |
| 2 | 0.618 | 0.15 | 39.7 |
| 3 | 0.299 | 0.055 | 34.4 |

## In these collections

- [Brown gradients](https://grabient.com/brown-gradients)
- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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