# Gray, bronze and ochre color palette The Gray, bronze and ochre color palette brings together gray, orange, and gold. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits invitation suites and ceremony stationery. Its darkest tone is orange, and its lightest tone is gold. - Also called: Analogous gray, brown and yellow linear gradient - Seed: `kYdgmSOIoxD6ePpKqkAV7HA2I1QU` - Page: https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light, vivid, warm - Hues: analogous - Contrast of its darkest and lightest colors: 3.6 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 | `#525b5d` | `oklch(46.46% 0.0124 205.31)` | City Rain | white, 6.9 to 1 | | 2 | `#505b5a` | `oklch(46.18% 0.0136 190.92)` | Midnight in NY | white, 7 to 1 | | 3 | `#505a56` | `oklch(45.73% 0.0148 170.03)` | Midnight in NY | white, 7.1 to 1 | | 4 | `#505850` | `oklch(45.23% 0.0163 145.67)` | Sunken Battleship | white, 7.3 to 1 | | 5 | `#53564b` | `oklch(44.77% 0.0186 120.86)` | Shell Brown | white, 7.4 to 1 | | 6 | `#575446` | `oklch(44.48% 0.0219 98.61)` | NATO Olive | white, 7.5 to 1 | | 7 | `#5b5343` | `oklch(44.45% 0.0265 81.96)` | Shadow Ridge | white, 7.6 to 1 | | 8 | `#605241` | `oklch(44.74% 0.0329 72.38)` | Volcanic Island | white, 7.5 to 1 | | 9 | `#66523d` | `oklch(45.23% 0.0413 67.46)` | Hickory Grove | white, 7.4 to 1 | | 10 | `#6c5239` | `oklch(45.90% 0.0510 65.85)` | Cowboy Boots | white, 7.2 to 1 | | 11 | `#725334` | `oklch(46.73% 0.0611 66.27)` | Rustic Cabin | white, 7 to 1 | | 12 | `#77552e` | `oklch(47.69% 0.0709 67.45)` | Arable Brown | white, 6.7 to 1 | | 13 | `#7d5729` | `oklch(48.76% 0.0797 68.10)` | Arable Brown | white, 6.4 to 1 | | 14 | `#845926` | `oklch(49.94% 0.0868 67.51)` | Hot Curry | white, 6.1 to 1 | | 15 | `#8a5b24` | `oklch(51.30% 0.0931 67.15)` | Treacle | white, 5.8 to 1 | | 16 | `#915f23` | `oklch(52.80% 0.0987 67.16)` | Afghan Carpet | white, 5.4 to 1 | | 17 | `#976322` | `oklch(54.40% 0.1039 67.45)` | Olivia | white, 5 to 1 | | 18 | `#9e6721` | `oklch(56.05% 0.1086 67.96)` | Stage Gold | white, 4.7 to 1 | | 19 | `#a46b20` | `oklch(57.70% 0.1131 68.59)` | Theatre Gold | black, 4.7 to 1 | | 20 | `#ab701f` | `oklch(59.30% 0.1175 69.28)` | Buckthorn Brown | black, 5 to 1 | | 21 | `#b1741e` | `oklch(60.96% 0.1215 70.15)` | Toffee Sauce | black, 5.3 to 1 | | 22 | `#b7791d` | `oklch(62.66% 0.1252 71.20)` | Weapon Bronze | black, 5.7 to 1 | | 23 | `#bc7f1d` | `oklch(64.36% 0.1285 72.41)` | Guo Tie Dumpling | black, 6.1 to 1 | | 24 | `#c2841d` | `oklch(66.05% 0.1316 73.74)` | Turmeric Brown | black, 6.6 to 1 | | 25 | `#c78a1e` | `oklch(67.67% 0.1344 75.18)` | Auric | black, 7 to 1 | | 26 | `#cb8f1e` | `oklch(69.20% 0.1369 76.71)` | End of Summer | black, 7.4 to 1 | | 27 | `#cf941f` | `oklch(70.75% 0.1391 78.55)` | Elysium Gold | black, 7.9 to 1 | | 28 | `#d39a21` | `oklch(72.31% 0.1410 80.67)` | Saffron Yellow | black, 8.4 to 1 | | 29 | `#d6a024` | `oklch(73.82% 0.1427 82.88)` | Mustard Musketeers | black, 8.9 to 1 | | 30 | `#d8a627` | `oklch(75.18% 0.1441 84.97)` | Galliano | black, 9.4 to 1 | | 31 | `#daab29` | `oklch(76.32% 0.1452 86.75)` | Baroque | black, 9.8 to 1 | | 32 | `#dbae2b` | `oklch(77.17% 0.1461 88.01)` | Golden Samovar | black, 10.1 to 1 | ## CSS ```css background: linear-gradient(90deg, #525b5d 0.0%, #505b5a 3.2%, #505a56 6.5%, #505850 9.7%, #53564b 12.9%, #575446 16.1%, #5b5343 19.4%, #605241 22.6%, #66523d 25.8%, #6c5239 29.0%, #725334 32.3%, #77552e 35.5%, #7d5729 38.7%, #845926 41.9%, #8a5b24 45.2%, #915f23 48.4%, #976322 51.6%, #9e6721 54.8%, #a46b20 58.1%, #ab701f 61.3%, #b1741e 64.5%, #b7791d 67.7%, #bc7f1d 71.0%, #c2841d 74.2%, #c78a1e 77.4%, #cb8f1e 80.6%, #cf941f 83.9%, #d39a21 87.1%, #d6a024 90.3%, #d8a627 93.5%, #daab29 96.8%, #dbae2b 100.0%); background: linear-gradient(90deg in oklch, oklch(46.46% 0.0124 205.31) 0.0%, oklch(46.18% 0.0136 190.92) 3.2%, oklch(45.73% 0.0148 170.03) 6.5%, oklch(45.23% 0.0163 145.67) 9.7%, oklch(44.77% 0.0186 120.86) 12.9%, oklch(44.48% 0.0219 98.61) 16.1%, oklch(44.45% 0.0265 81.96) 19.4%, oklch(44.74% 0.0329 72.38) 22.6%, oklch(45.23% 0.0413 67.46) 25.8%, oklch(45.90% 0.0510 65.85) 29.0%, oklch(46.73% 0.0611 66.27) 32.3%, oklch(47.69% 0.0709 67.45) 35.5%, oklch(48.76% 0.0797 68.10) 38.7%, oklch(49.94% 0.0868 67.51) 41.9%, oklch(51.30% 0.0931 67.15) 45.2%, oklch(52.80% 0.0987 67.16) 48.4%, oklch(54.40% 0.1039 67.45) 51.6%, oklch(56.05% 0.1086 67.96) 54.8%, oklch(57.70% 0.1131 68.59) 58.1%, oklch(59.30% 0.1175 69.28) 61.3%, oklch(60.96% 0.1215 70.15) 64.5%, oklch(62.66% 0.1252 71.20) 67.7%, oklch(64.36% 0.1285 72.41) 71.0%, oklch(66.05% 0.1316 73.74) 74.2%, oklch(67.67% 0.1344 75.18) 77.4%, oklch(69.20% 0.1369 76.71) 80.6%, oklch(70.75% 0.1391 78.55) 83.9%, oklch(72.31% 0.1410 80.67) 87.1%, oklch(73.82% 0.1427 82.88) 90.3%, oklch(75.18% 0.1441 84.97) 93.5%, oklch(76.32% 0.1452 86.75) 96.8%, oklch(77.17% 0.1461 88.01) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.465 | 0.012 | 205.3 | | 2 | 0.445 | 0.028 | 79.6 | | 3 | 0.492 | 0.083 | 67.9 | | 4 | 0.587 | 0.116 | 69 | | 5 | 0.689 | 0.136 | 76.4 | | 6 | 0.772 | 0.146 | 88 | ## In these collections - [Olive grove wedding dinner](https://grabient.com/olive-grove-wedding-dinner) - [Yellow gradients](https://grabient.com/yellow-gradients) ## Other forms - [JSON](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.json?steps=32) - [PNG](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.png?steps=32) - [SVG](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.svg?steps=32) - [CSS](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.css?steps=32) - [ASE](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.ase?steps=32) - [GPL](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.gpl?steps=32) - [GRD](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.grd?steps=32) - [Design tokens](https://grabient.com/kYdgmSOIoxD6ePpKqkAV7HA2I1QU.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYdgmSOIoxD6ePpKqkAV7HA2I1QU&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYdgmSOIoxD6ePpKqkAV7HA2I1QU) - [Guide for agents](https://grabient.com/llms.txt)