# Near-black and mustard metallic palette The Near-black and mustard metallic palette brings together dark gray, yellow, and light yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light yellow. - Also called: Analogous black, brown, gray and olive linear gradient - Seed: `kYPBBEN5VAlSlQFsj0AXapAjwcwG` - Page: https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light center, warm - Hues: analogous - Contrast of its darkest and lightest colors: 10.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 | `#211e12` | `oklch(23.62% 0.0220 95.62)` | Burnt Coffee | white, 16.6 to 1 | | 2 | `#272315` | `oklch(25.69% 0.0257 96.20)` | Black Mesa | white, 15.6 to 1 | | 3 | `#2e2a18` | `oklch(28.52% 0.0307 97.01)` | Metal Construction Green | white, 14.3 to 1 | | 4 | `#37331d` | `oklch(31.88% 0.0366 97.97)` | Pullman Green | white, 12.7 to 1 | | 5 | `#413c21` | `oklch(35.56% 0.0431 98.98)` | Scorched Metal | white, 11 to 1 | | 6 | `#4c4726` | `oklch(39.34% 0.0499 99.94)` | Uniform Green | white, 9.4 to 1 | | 7 | `#57512b` | `oklch(43.00% 0.0566 100.77)` | West Coast | white, 8 to 1 | | 8 | `#615b2e` | `oklch(46.54% 0.0639 101.44)` | Costa Del Sol | white, 6.9 to 1 | | 9 | `#6c6531` | `oklch(50.25% 0.0732 102.05)` | Jungle Civilization | white, 5.8 to 1 | | 10 | `#787133` | `oklch(54.05% 0.0831 102.60)` | Crocodile Style | white, 5 to 1 | | 11 | `#847c36` | `oklch(57.86% 0.0921 103.10)` | Verdant | black, 4.9 to 1 | | 12 | `#8f883b` | `oklch(61.59% 0.0989 103.55)` | Eden Prairie | black, 5.7 to 1 | | 13 | `#9a9343` | `oklch(65.17% 0.1021 103.94)` | Gecko | black, 6.6 to 1 | | 14 | `#a49d50` | `oklch(68.65% 0.0997 104.25)` | Formosan Green | black, 7.5 to 1 | | 15 | `#afa964` | `oklch(72.45% 0.0904 104.40)` | Organic Garden | black, 8.6 to 1 | | 16 | `#b9b57b` | `oklch(76.31% 0.0771 104.46)` | Misty Moss | black, 9.9 to 1 | | 17 | `#c3c091` | `oklch(79.88% 0.0626 104.50)` | Brimstone Butterfly | black, 11.2 to 1 | | 18 | `#cbc9a4` | `oklch(82.83% 0.0500 104.62)` | Marrett Apple | black, 12.4 to 1 | | 19 | `#d1cfb0` | `oklch(84.83% 0.0423 104.88)` | Longbeard Grey | black, 13.2 to 1 | | 20 | `#d3d2b2` | `oklch(85.57% 0.0425 105.36)` | Orinoco | black, 13.6 to 1 | | 21 | `#d2d1ab` | `oklch(85.13% 0.0512 106.06)` | Crystal Palace | black, 13.4 to 1 | | 22 | `#cecd9c` | `oklch(83.76% 0.0654 106.92)` | Vegetarian Vulture | black, 12.8 to 1 | | 23 | `#c8c889` | `oklch(81.66% 0.0822 107.87)` | Chimes | black, 12 to 1 | | 24 | `#bfc074` | `oklch(79.03% 0.0983 108.84)` | Zoodles | black, 11 to 1 | | 25 | `#b6b760` | `oklch(76.08% 0.1106 109.76)` | Green Me | black, 9.9 to 1 | | 26 | `#abae52` | `oklch(72.98% 0.1162 110.57)` | Palm Frond | black, 8.9 to 1 | | 27 | `#9ea247` | `oklch(69.04% 0.1150 111.37)` | Reed Green | black, 7.7 to 1 | | 28 | `#8e933e` | `oklch(64.27% 0.1093 112.17)` | Bean Shoot | black, 6.4 to 1 | | 29 | `#7e8437` | `oklch(59.19% 0.1009 112.94)` | Majorca Green | black, 5.2 to 1 | | 30 | `#6f7531` | `oklch(54.31% 0.0917 113.63)` | Olive Drab | white, 4.9 to 1 | | 31 | `#63692d` | `oklch(50.16% 0.0837 114.22)` | Heavy Khaki | white, 5.8 to 1 | | 32 | `#5a6029` | `oklch(47.24% 0.0785 114.65)` | Gardener Green | white, 6.6 to 1 | ## CSS ```css background: linear-gradient(90deg, #211e12 0.0%, #272315 3.2%, #2e2a18 6.5%, #37331d 9.7%, #413c21 12.9%, #4c4726 16.1%, #57512b 19.4%, #615b2e 22.6%, #6c6531 25.8%, #787133 29.0%, #847c36 32.3%, #8f883b 35.5%, #9a9343 38.7%, #a49d50 41.9%, #afa964 45.2%, #b9b57b 48.4%, #c3c091 51.6%, #cbc9a4 54.8%, #d1cfb0 58.1%, #d3d2b2 61.3%, #d2d1ab 64.5%, #cecd9c 67.7%, #c8c889 71.0%, #bfc074 74.2%, #b6b760 77.4%, #abae52 80.6%, #9ea247 83.9%, #8e933e 87.1%, #7e8437 90.3%, #6f7531 93.5%, #63692d 96.8%, #5a6029 100.0%); background: linear-gradient(90deg in oklch, oklch(23.62% 0.0220 95.62) 0.0%, oklch(25.69% 0.0257 96.20) 3.2%, oklch(28.52% 0.0307 97.01) 6.5%, oklch(31.88% 0.0366 97.97) 9.7%, oklch(35.56% 0.0431 98.98) 12.9%, oklch(39.34% 0.0499 99.94) 16.1%, oklch(43.00% 0.0566 100.77) 19.4%, oklch(46.54% 0.0639 101.44) 22.6%, oklch(50.25% 0.0732 102.05) 25.8%, oklch(54.05% 0.0831 102.60) 29.0%, oklch(57.86% 0.0921 103.10) 32.3%, oklch(61.59% 0.0989 103.55) 35.5%, oklch(65.17% 0.1021 103.94) 38.7%, oklch(68.65% 0.0997 104.25) 41.9%, oklch(72.45% 0.0904 104.40) 45.2%, oklch(76.31% 0.0771 104.46) 48.4%, oklch(79.88% 0.0626 104.50) 51.6%, oklch(82.83% 0.0500 104.62) 54.8%, oklch(84.83% 0.0423 104.88) 58.1%, oklch(85.57% 0.0425 105.36) 61.3%, oklch(85.13% 0.0512 106.06) 64.5%, oklch(83.76% 0.0654 106.92) 67.7%, oklch(81.66% 0.0822 107.87) 71.0%, oklch(79.03% 0.0983 108.84) 74.2%, oklch(76.08% 0.1106 109.76) 77.4%, oklch(72.98% 0.1162 110.57) 80.6%, oklch(69.04% 0.1150 111.37) 83.9%, oklch(64.27% 0.1093 112.17) 87.1%, oklch(59.19% 0.1009 112.94) 90.3%, oklch(54.31% 0.0917 113.63) 93.5%, oklch(50.16% 0.0837 114.22) 96.8%, oklch(47.24% 0.0785 114.65) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.236 | 0.022 | 95.6 | | 2 | 0.437 | 0.058 | 100.9 | | 3 | 0.665 | 0.102 | 104.1 | | 4 | 0.854 | 0.041 | 105.1 | | 5 | 0.736 | 0.116 | 110.4 | | 6 | 0.472 | 0.079 | 114.6 | ## In these collections - [Metallic gradients](https://grabient.com/metallic-gradients) ## Other forms - [JSON](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.json?steps=32) - [PNG](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.png?steps=32) - [SVG](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.svg?steps=32) - [CSS](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.css?steps=32) - [ASE](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.ase?steps=32) - [GPL](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.gpl?steps=32) - [GRD](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.grd?steps=32) - [Design tokens](https://grabient.com/kYPBBEN5VAlSlQFsj0AXapAjwcwG.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYPBBEN5VAlSlQFsj0AXapAjwcwG&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYPBBEN5VAlSlQFsj0AXapAjwcwG) - [Guide for agents](https://grabient.com/llms.txt)