# Near-black and ochre black and gold palette The Near-black and ochre black and gold palette brings together dark gray, yellow, and gold. 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 yellow. - Also called: Monochrome black, tan and brown linear gradient - Seed: `kWNwdTRJ49V8iv9JIL-IIZBQ` - Page: https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: light center, warm, monochrome - Hues: monochromatic - Contrast of its darkest and lightest colors: 7.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 | `#191a15` | `oklch(21.65% 0.0096 116.72)` | Twilight Zone | white, 17.4 to 1 | | 2 | `#202118` | `oklch(24.32% 0.0159 114.79)` | Underworld | white, 16.2 to 1 | | 3 | `#292a1c` | `oklch(27.97% 0.0248 112.05)` | Maire | white, 14.5 to 1 | | 4 | `#353520` | `oklch(32.33% 0.0354 108.77)` | Fuchsia Berries | white, 12.4 to 1 | | 5 | `#434223` | `oklch(37.10% 0.0468 105.24)` | Strong Tone Wash | white, 10.3 to 1 | | 6 | `#544e27` | `oklch(42.01% 0.0583 101.74)` | Bronze Olive | white, 8.4 to 1 | | 7 | `#645b2a` | `oklch(46.78% 0.0688 98.55)` | Costa Del Sol | white, 6.8 to 1 | | 8 | `#74662e` | `oklch(51.13% 0.0777 95.93)` | Himalaya | white, 5.6 to 1 | | 9 | `#817032` | `oklch(54.80% 0.0840 94.17)` | Mustard Magic | white, 4.8 to 1 | | 10 | `#8d7a39` | `oklch(58.37% 0.0883 93.18)` | Banyan Tree | black, 4.9 to 1 | | 11 | `#998541` | `oklch(61.97% 0.0912 92.74)` | Wild Grass | black, 5.7 to 1 | | 12 | `#a48f4a` | `oklch(65.44% 0.0931 92.70)` | Off the Grid | black, 6.6 to 1 | | 13 | `#ae9952` | `oklch(68.61% 0.0941 92.91)` | Spanish Gold | black, 7.4 to 1 | | 14 | `#b6a15a` | `oklch(71.30% 0.0945 93.22)` | Woollen Mittens | black, 8.2 to 1 | | 15 | `#bda860` | `oklch(73.34% 0.0947 93.49)` | Yellow Maize | black, 8.9 to 1 | | 16 | `#c1ac64` | `oklch(74.56% 0.0949 93.56)` | Slender Stem | black, 9.3 to 1 | | 17 | `#c2ac64` | `oklch(74.79% 0.0954 93.30)` | Hedgehog Cactus Yellow Green | black, 9.3 to 1 | | 18 | `#c0aa61` | `oklch(74.07% 0.0962 92.77)` | Slender Stem | black, 9.1 to 1 | | 19 | `#bca55c` | `oklch(72.56% 0.0970 92.08)` | Nonpareil Apple | black, 8.6 to 1 | | 20 | `#b69e54` | `oklch(70.39% 0.0976 91.35)` | Woollen Mittens | black, 7.9 to 1 | | 21 | `#ae954c` | `oklch(67.72% 0.0976 90.69)` | Obsession | black, 7.2 to 1 | | 22 | `#a58c43` | `oklch(64.72% 0.0966 90.20)` | Peanut Brittle | black, 6.4 to 1 | | 23 | `#9b823c` | `oklch(61.52% 0.0945 90.00)` | Wild Olive | black, 5.6 to 1 | | 24 | `#907936` | `oklch(58.28% 0.0908 90.18)` | Banyan Tree | black, 4.9 to 1 | | 25 | `#846f31` | `oklch(54.83% 0.0849 90.89)` | Mustard Magic | white, 4.8 to 1 | | 26 | `#75642d` | `oklch(50.64% 0.0762 92.15)` | Himalaya | white, 5.8 to 1 | | 27 | `#64572a` | `oklch(45.95% 0.0657 93.80)` | Fir Green | white, 7.1 to 1 | | 28 | `#534a27` | `oklch(41.06% 0.0542 95.67)` | Codium Fragile | white, 8.7 to 1 | | 29 | `#443e23` | `oklch(36.29% 0.0426 97.59)` | Madras | white, 10.7 to 1 | | 30 | `#363320` | `oklch(31.91% 0.0319 99.38)` | Fuchsia Berries | white, 12.6 to 1 | | 31 | `#2c2a1d` | `oklch(28.25% 0.0229 100.89)` | Maire | white, 14.4 to 1 | | 32 | `#24231a` | `oklch(25.59% 0.0165 101.92)` | Underworld | white, 15.7 to 1 | ## CSS ```css background: linear-gradient(90deg, #191a15 0.0%, #202118 3.2%, #292a1c 6.5%, #353520 9.7%, #434223 12.9%, #544e27 16.1%, #645b2a 19.4%, #74662e 22.6%, #817032 25.8%, #8d7a39 29.0%, #998541 32.3%, #a48f4a 35.5%, #ae9952 38.7%, #b6a15a 41.9%, #bda860 45.2%, #c1ac64 48.4%, #c2ac64 51.6%, #c0aa61 54.8%, #bca55c 58.1%, #b69e54 61.3%, #ae954c 64.5%, #a58c43 67.7%, #9b823c 71.0%, #907936 74.2%, #846f31 77.4%, #75642d 80.6%, #64572a 83.9%, #534a27 87.1%, #443e23 90.3%, #363320 93.5%, #2c2a1d 96.8%, #24231a 100.0%); background: linear-gradient(90deg in oklch, oklch(21.65% 0.0096 116.72) 0.0%, oklch(24.32% 0.0159 114.79) 3.2%, oklch(27.97% 0.0248 112.05) 6.5%, oklch(32.33% 0.0354 108.77) 9.7%, oklch(37.10% 0.0468 105.24) 12.9%, oklch(42.01% 0.0583 101.74) 16.1%, oklch(46.78% 0.0688 98.55) 19.4%, oklch(51.13% 0.0777 95.93) 22.6%, oklch(54.80% 0.0840 94.17) 25.8%, oklch(58.37% 0.0883 93.18) 29.0%, oklch(61.97% 0.0912 92.74) 32.3%, oklch(65.44% 0.0931 92.70) 35.5%, oklch(68.61% 0.0941 92.91) 38.7%, oklch(71.30% 0.0945 93.22) 41.9%, oklch(73.34% 0.0947 93.49) 45.2%, oklch(74.56% 0.0949 93.56) 48.4%, oklch(74.79% 0.0954 93.30) 51.6%, oklch(74.07% 0.0962 92.77) 54.8%, oklch(72.56% 0.0970 92.08) 58.1%, oklch(70.39% 0.0976 91.35) 61.3%, oklch(67.72% 0.0976 90.69) 64.5%, oklch(64.72% 0.0966 90.20) 67.7%, oklch(61.52% 0.0945 90.00) 71.0%, oklch(58.28% 0.0908 90.18) 74.2%, oklch(54.83% 0.0849 90.89) 77.4%, oklch(50.64% 0.0762 92.15) 80.6%, oklch(45.95% 0.0657 93.80) 83.9%, oklch(41.06% 0.0542 95.67) 87.1%, oklch(36.29% 0.0426 97.59) 90.3%, oklch(31.91% 0.0319 99.38) 93.5%, oklch(28.25% 0.0229 100.89) 96.8%, oklch(25.59% 0.0165 101.92) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.217 | 0.01 | 116.7 | | 2 | 0.539 | 0.083 | 94.5 | | 3 | 0.748 | 0.095 | 93.5 | | 4 | 0.575 | 0.09 | 90.3 | | 5 | 0.256 | 0.017 | 101.9 | ## In these collections - [Black and gold gradients](https://grabient.com/black-and-gold-gradients) ## Other forms - [JSON](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.json?steps=32) - [PNG](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.png?steps=32) - [SVG](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.svg?steps=32) - [CSS](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.css?steps=32) - [ASE](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.ase?steps=32) - [GPL](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.gpl?steps=32) - [GRD](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.grd?steps=32) - [Design tokens](https://grabient.com/kWNwdTRJ49V8iv9JIL-IIZBQ.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWNwdTRJ49V8iv9JIL-IIZBQ&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWNwdTRJ49V8iv9JIL-IIZBQ) - [Guide for agents](https://grabient.com/llms.txt)