# Charcoal taupe and dusty mauve fauna colors

Gray, dark gray, purple and brown linear swatches with 12 colors: #e7dfd1, #cbc2b8, #a29c96, #7c7975, #535553, #363838, #2d3136, #423b4b, #644959, #7a5556, #866553, #8a7256. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Gray, dark gray, purple and brown linear swatches
- Seed: `kW5g84TQM_SeCUy5kU1yBLJY`
- Page: https://grabient.com/kW5g84TQM_SeCUy5kU1yBLJY?style=linearSwatches&steps=12&angle=135
- Drawn as: linear swatches, 12 steps, 135 degrees
- Kinds: dark center, neutral
- Hues: wide
- Contrast of its darkest and lightest colors: 9.9 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 | `#e7dfd1` | `oklch(90.55% 0.0207 78.75)` | Canvas Cloth | black, 15.8 to 1 |
| 2 | `#cbc2b8` | `oklch(81.86% 0.0167 70.15)` | Heritage Grey | black, 11.9 to 1 |
| 3 | `#a29c96` | `oklch(69.57% 0.0113 62.93)` | Fashion Grey | black, 7.7 to 1 |
| 4 | `#7c7975` | `oklch(57.77% 0.0075 82.13)` | Amazon Stone | black, 4.8 to 1 |
| 5 | `#535553` | `oklch(44.72% 0.0039 138.82)` | Davy’s Grey | white, 7.5 to 1 |
| 6 | `#363838` | `oklch(33.81% 0.0032 207.30)` | Pirate Black | white, 11.8 to 1 |
| 7 | `#2d3136` | `oklch(31.06% 0.0108 260.37)` | Suit Blue | white, 13.1 to 1 |
| 8 | `#423b4b` | `oklch(36.56% 0.0281 303.48)` | Italian Grape | white, 10.7 to 1 |
| 9 | `#644959` | `oklch(43.93% 0.0443 341.41)` | Magos | white, 7.9 to 1 |
| 10 | `#7a5556` | `oklch(48.90% 0.0508 16.85)` | Czarina | white, 6.4 to 1 |
| 11 | `#866553` | `oklch(53.50% 0.0514 48.78)` | Bear Creek | white, 5.2 to 1 |
| 12 | `#8a7256` | `oklch(56.69% 0.0510 70.65)` | China Cinnamon | black, 4.6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #e7dfd1 0.000% 8.333%, #cbc2b8 8.333% 16.667%, #a29c96 16.667% 25.000%, #7c7975 25.000% 33.333%, #535553 33.333% 41.667%, #363838 41.667% 50.000%, #2d3136 50.000% 58.333%, #423b4b 58.333% 66.667%, #644959 66.667% 75.000%, #7a5556 75.000% 83.333%, #866553 83.333% 91.667%, #8a7256 91.667% 100.000%);
background: linear-gradient(135deg, oklch(90.55% 0.0207 78.75) 0.000% 8.333%, oklch(81.86% 0.0167 70.15) 8.333% 16.667%, oklch(69.57% 0.0113 62.93) 16.667% 25.000%, oklch(57.77% 0.0075 82.13) 25.000% 33.333%, oklch(44.72% 0.0039 138.82) 33.333% 41.667%, oklch(33.81% 0.0032 207.30) 41.667% 50.000%, oklch(31.06% 0.0108 260.37) 50.000% 58.333%, oklch(36.56% 0.0281 303.48) 58.333% 66.667%, oklch(43.93% 0.0443 341.41) 66.667% 75.000%, oklch(48.90% 0.0508 16.85) 75.000% 83.333%, oklch(53.50% 0.0514 48.78) 83.333% 91.667%, oklch(56.69% 0.0510 70.65) 91.667% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.906 | 0.021 | 78.8 |
| 2 | 0.606 | 0.008 | 73.5 |
| 3 | 0.311 | 0.006 | 236.2 |
| 4 | 0.453 | 0.047 | 350.3 |
| 5 | 0.567 | 0.051 | 430.6 |

## In these collections

- [Charcoal plum tailoring](https://grabient.com/charcoal-plum-tailoring)
- [Shade swatches](https://grabient.com/shade-swatches)
- [Wilderkind](https://grabient.com/wilderkind)

## Other forms

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