# Charcoal, tan and gray moody palette The Charcoal, tan and gray moody palette brings together gray and light gray. The colors span a broad lightness range, combining near-neutral color with clear contrast. Its quiet and understated character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is light gray. - Also called: Dark gray to gray linear gradient - Seed: `kUUgYtS4TAeOIwfCgEAA` - Page: https://grabient.com/kUUgYtS4TAeOIwfCgEAA?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light center, neutral - Hues: achromatic - Contrast of its darkest and lightest colors: 6.3 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 | `#37332f` | `oklch(32.28% 0.0083 63.28)` | Sinister Minister | white, 12.5 to 1 | | 2 | `#3b3733` | `oklch(33.87% 0.0085 63.47)` | Fired Earth | white, 11.8 to 1 | | 3 | `#403c38` | `oklch(35.96% 0.0087 63.64)` | Knights of the Desert | white, 10.9 to 1 | | 4 | `#47433f` | `oklch(38.43% 0.0090 63.82)` | Evening Canyon | white, 9.8 to 1 | | 5 | `#4f4a46` | `oklch(41.20% 0.0093 64.03)` | Oubliette | white, 8.7 to 1 | | 6 | `#57524e` | `oklch(44.18% 0.0096 64.29)` | Heavy Charcoal | white, 7.7 to 1 | | 7 | `#605a56` | `oklch(47.25% 0.0100 64.62)` | Mountain Quail | white, 6.7 to 1 | | 8 | `#69635e` | `oklch(50.34% 0.0104 65.06)` | Back Stage | white, 5.9 to 1 | | 9 | `#716c66` | `oklch(53.34% 0.0109 65.61)` | Shot-Put | white, 5.2 to 1 | | 10 | `#7a746e` | `oklch(56.15% 0.0115 66.31)` | Deconstruction | white, 4.6 to 1 | | 11 | `#817b75` | `oklch(58.68% 0.0122 67.18)` | Cool Charcoal | black, 5 to 1 | | 12 | `#89827b` | `oklch(60.99% 0.0130 68.27)` | Elephant Skin | black, 5.5 to 1 | | 13 | `#908981` | `oklch(63.46% 0.0142 69.69)` | Gunmetal Beige | black, 6 to 1 | | 14 | `#989188` | `oklch(66.02% 0.0156 71.36)` | Lazy Afternoon | black, 6.7 to 1 | | 15 | `#a1998f` | `oklch(68.59% 0.0172 73.22)` | Grey Flanks | black, 7.4 to 1 | | 16 | `#a9a095` | `oklch(71.05% 0.0188 75.17)` | True Taupewood | black, 8.1 to 1 | | 17 | `#b0a79b` | `oklch(73.32% 0.0204 77.15)` | Deer Run | black, 8.8 to 1 | | 18 | `#b6aea0` | `oklch(75.29% 0.0218 79.07)` | Camping Tent | black, 9.5 to 1 | | 19 | `#bbb3a4` | `oklch(76.86% 0.0229 80.87)` | Ashes to Ashes | black, 10 to 1 | | 20 | `#bfb6a7` | `oklch(77.93% 0.0235 82.45)` | Analytical Grey | black, 10.4 to 1 | | 21 | `#c0b8a8` | `oklch(78.41% 0.0237 83.75)` | Jogging Path | black, 10.6 to 1 | | 22 | `#bfb7a8` | `oklch(78.17% 0.0232 84.69)` | Analytical Grey | black, 10.5 to 1 | | 23 | `#bbb3a5` | `oklch(77.00% 0.0219 85.34)` | Pewter Patter | black, 10.1 to 1 | | 24 | `#b4ada0` | `oklch(75.00% 0.0200 85.75)` | Tungsten | black, 9.4 to 1 | | 25 | `#aba59a` | `oklch(72.37% 0.0176 85.97)` | Warm Grey Flannel | black, 8.5 to 1 | | 26 | `#a09c92` | `oklch(69.30% 0.0148 86.03)` | Dawn | black, 7.6 to 1 | | 27 | `#95928a` | `oklch(65.97% 0.0119 85.99)` | Lazy Afternoon | black, 6.7 to 1 | | 28 | `#8a8882` | `oklch(62.59% 0.0089 85.87)` | Classic French Grey | black, 5.9 to 1 | | 29 | `#807e7a` | `oklch(59.35% 0.0061 85.72)` | Friar Grey | black, 5.1 to 1 | | 30 | `#777573` | `oklch(56.43% 0.0036 85.57)` | Steel Wool | black, 4.5 to 1 | | 31 | `#6f6f6e` | `oklch(54.04% 0.0015 85.48)` | Welded Iron | white, 5 to 1 | | 32 | `#6a6a6a` | `oklch(52.36% 0.0000 89.88)` | Architecture Grey | white, 5.4 to 1 | ## CSS ```css background: linear-gradient(90deg, #37332f 0.0%, #3b3733 3.2%, #403c38 6.5%, #47433f 9.7%, #4f4a46 12.9%, #57524e 16.1%, #605a56 19.4%, #69635e 22.6%, #716c66 25.8%, #7a746e 29.0%, #817b75 32.3%, #89827b 35.5%, #908981 38.7%, #989188 41.9%, #a1998f 45.2%, #a9a095 48.4%, #b0a79b 51.6%, #b6aea0 54.8%, #bbb3a4 58.1%, #bfb6a7 61.3%, #c0b8a8 64.5%, #bfb7a8 67.7%, #bbb3a5 71.0%, #b4ada0 74.2%, #aba59a 77.4%, #a09c92 80.6%, #95928a 83.9%, #8a8882 87.1%, #807e7a 90.3%, #777573 93.5%, #6f6f6e 96.8%, #6a6a6a 100.0%); background: linear-gradient(90deg in oklch, oklch(32.28% 0.0083 63.28) 0.0%, oklch(33.87% 0.0085 63.47) 3.2%, oklch(35.96% 0.0087 63.64) 6.5%, oklch(38.43% 0.0090 63.82) 9.7%, oklch(41.20% 0.0093 64.03) 12.9%, oklch(44.18% 0.0096 64.29) 16.1%, oklch(47.25% 0.0100 64.62) 19.4%, oklch(50.34% 0.0104 65.06) 22.6%, oklch(53.34% 0.0109 65.61) 25.8%, oklch(56.15% 0.0115 66.31) 29.0%, oklch(58.68% 0.0122 67.18) 32.3%, oklch(60.99% 0.0130 68.27) 35.5%, oklch(63.46% 0.0142 69.69) 38.7%, oklch(66.02% 0.0156 71.36) 41.9%, oklch(68.59% 0.0172 73.22) 45.2%, oklch(71.05% 0.0188 75.17) 48.4%, oklch(73.32% 0.0204 77.15) 51.6%, oklch(75.29% 0.0218 79.07) 54.8%, oklch(76.86% 0.0229 80.87) 58.1%, oklch(77.93% 0.0235 82.45) 61.3%, oklch(78.41% 0.0237 83.75) 64.5%, oklch(78.17% 0.0232 84.69) 67.7%, oklch(77.00% 0.0219 85.34) 71.0%, oklch(75.00% 0.0200 85.75) 74.2%, oklch(72.37% 0.0176 85.97) 77.4%, oklch(69.30% 0.0148 86.03) 80.6%, oklch(65.97% 0.0119 85.99) 83.9%, oklch(62.59% 0.0089 85.87) 87.1%, oklch(59.35% 0.0061 85.72) 90.3%, oklch(56.43% 0.0036 85.57) 93.5%, oklch(54.04% 0.0015 85.48) 96.8%, oklch(52.36% 0.0000 89.88) 100.0%); ``` ## Keyframes 4 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.323 | 0.008 | 63.3 | | 2 | 0.594 | 0.012 | 67.5 | | 3 | 0.783 | 0.023 | 84.4 | | 4 | 0.524 | 0 | 85.5 | ## In these collections - [Moody gradients](https://grabient.com/moody-gradients) ## Other forms - [JSON](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.json?steps=32) - [PNG](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.png?steps=32) - [SVG](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.svg?steps=32) - [CSS](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.css?steps=32) - [ASE](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.ase?steps=32) - [GPL](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.gpl?steps=32) - [GRD](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.grd?steps=32) - [Design tokens](https://grabient.com/kUUgYtS4TAeOIwfCgEAA.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kUUgYtS4TAeOIwfCgEAA&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kUUgYtS4TAeOIwfCgEAA) - [Guide for agents](https://grabient.com/llms.txt)