# Orange and moss loden wool and amber The Orange and moss loden wool and amber brings together orange, red, gray, and green. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is orange. - Also called: Orange, brown, gray and green linear gradient - Seed: `kWumQxQ6E9jMLuw2BCmSiE5Y` - Page: https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark center, muted - Hues: two-hue - Contrast of its darkest and lightest colors: 3.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 | `#e09738` | `oklch(73.23% 0.1378 68.91)` | Gold Crest | black, 8.6 to 1 | | 2 | `#da9139` | `oklch(71.57% 0.1341 67.45)` | Soft Pumpkin | black, 8.1 to 1 | | 3 | `#d28a39` | `oklch(69.30% 0.1293 65.67)` | Caramelise | black, 7.4 to 1 | | 4 | `#c88238` | `oklch(66.59% 0.1236 63.56)` | Golden Bell | black, 6.7 to 1 | | 5 | `#be7938` | `oklch(63.62% 0.1172 61.12)` | Molten Caramel | black, 5.9 to 1 | | 6 | `#b27038` | `oklch(60.57% 0.1104 58.33)` | Reno Sand | black, 5.2 to 1 | | 7 | `#a76738` | `oklch(57.60% 0.1033 55.19)` | Camel Brown | black, 4.6 to 1 | | 8 | `#9d6039` | `oklch(54.90% 0.0962 51.69)` | Hampton Beach | white, 5 to 1 | | 9 | `#945a3b` | `oklch(52.62% 0.0892 47.89)` | Coconut | white, 5.5 to 1 | | 10 | `#8b553c` | `oklch(50.48% 0.0817 44.99)` | Brown Patina | white, 6 to 1 | | 11 | `#82503c` | `oklch(48.40% 0.0735 42.83)` | Curry Brown | white, 6.6 to 1 | | 12 | `#784d3d` | `oklch(46.42% 0.0650 40.59)` | Royal Liqueur | white, 7.1 to 1 | | 13 | `#70493d` | `oklch(44.59% 0.0565 37.46)` | Evolution | white, 7.7 to 1 | | 14 | `#68463f` | `oklch(42.96% 0.0484 32.60)` | Warm Air of Debonair | white, 8.2 to 1 | | 15 | `#614341` | `oklch(41.60% 0.0409 25.22)` | Fruit Yard | white, 8.7 to 1 | | 16 | `#5a4243` | `oklch(40.55% 0.0345 14.49)` | Wood-Black Red | white, 9.1 to 1 | | 17 | `#554147` | `oklch(39.85% 0.0291 359.33)` | Beauport Aubergine | white, 9.4 to 1 | | 18 | `#4f414b` | `oklch(39.45% 0.0237 338.29)` | Plum Orbit | white, 9.5 to 1 | | 19 | `#49434d` | `oklch(39.31% 0.0186 312.82)` | Spinel Grey | white, 9.5 to 1 | | 20 | `#45454e` | `oklch(39.43% 0.0141 284.73)` | Night Grey | white, 9.4 to 1 | | 21 | `#43474d` | `oklch(39.80% 0.0106 255.85)` | Cyberspace | white, 9.2 to 1 | | 22 | `#444a4c` | `oklch(40.40% 0.0085 227.99)` | Black Sable | white, 9 to 1 | | 23 | `#464c4d` | `oklch(41.21% 0.0082 202.97)` | Black Lead | white, 8.7 to 1 | | 24 | `#48504e` | `oklch(42.23% 0.0102 182.61)` | New Forest | white, 8.3 to 1 | | 25 | `#4a5450` | `oklch(43.58% 0.0151 167.61)` | Evergreen Field | white, 7.8 to 1 | | 26 | `#4c5b51` | `oklch(45.48% 0.0238 155.88)` | Grubenwald | white, 7.1 to 1 | | 27 | `#506351` | `oklch(47.76% 0.0352 146.81)` | Pasture Green | white, 6.4 to 1 | | 28 | `#566b51` | `oklch(50.23% 0.0480 139.90)` | Daylight Jungle | white, 5.8 to 1 | | 29 | `#5c734f` | `oklch(52.70% 0.0612 134.62)` | Greenfield | white, 5.2 to 1 | | 30 | `#637a4c` | `oklch(54.99% 0.0735 130.47)` | Mown Grass | white, 4.7 to 1 | | 31 | `#6a8049` | `oklch(56.91% 0.0838 126.93)` | Woodland Nymph | black, 4.8 to 1 | | 32 | `#708445` | `oklch(58.27% 0.0909 123.51)` | Leaps and Bounds | black, 5 to 1 | ## CSS ```css background: linear-gradient(90deg, #e09738 0.0%, #da9139 3.2%, #d28a39 6.5%, #c88238 9.7%, #be7938 12.9%, #b27038 16.1%, #a76738 19.4%, #9d6039 22.6%, #945a3b 25.8%, #8b553c 29.0%, #82503c 32.3%, #784d3d 35.5%, #70493d 38.7%, #68463f 41.9%, #614341 45.2%, #5a4243 48.4%, #554147 51.6%, #4f414b 54.8%, #49434d 58.1%, #45454e 61.3%, #43474d 64.5%, #444a4c 67.7%, #464c4d 71.0%, #48504e 74.2%, #4a5450 77.4%, #4c5b51 80.6%, #506351 83.9%, #566b51 87.1%, #5c734f 90.3%, #637a4c 93.5%, #6a8049 96.8%, #708445 100.0%); background: linear-gradient(90deg in oklch, oklch(73.23% 0.1378 68.91) 0.0%, oklch(71.57% 0.1341 67.45) 3.2%, oklch(69.30% 0.1293 65.67) 6.5%, oklch(66.59% 0.1236 63.56) 9.7%, oklch(63.62% 0.1172 61.12) 12.9%, oklch(60.57% 0.1104 58.33) 16.1%, oklch(57.60% 0.1033 55.19) 19.4%, oklch(54.90% 0.0962 51.69) 22.6%, oklch(52.62% 0.0892 47.89) 25.8%, oklch(50.48% 0.0817 44.99) 29.0%, oklch(48.40% 0.0735 42.83) 32.3%, oklch(46.42% 0.0650 40.59) 35.5%, oklch(44.59% 0.0565 37.46) 38.7%, oklch(42.96% 0.0484 32.60) 41.9%, oklch(41.60% 0.0409 25.22) 45.2%, oklch(40.55% 0.0345 14.49) 48.4%, oklch(39.85% 0.0291 359.33) 51.6%, oklch(39.45% 0.0237 338.29) 54.8%, oklch(39.31% 0.0186 312.82) 58.1%, oklch(39.43% 0.0141 284.73) 61.3%, oklch(39.80% 0.0106 255.85) 64.5%, oklch(40.40% 0.0085 227.99) 67.7%, oklch(41.21% 0.0082 202.97) 71.0%, oklch(42.23% 0.0102 182.61) 74.2%, oklch(43.58% 0.0151 167.61) 77.4%, oklch(45.48% 0.0238 155.88) 80.6%, oklch(47.76% 0.0352 146.81) 83.9%, oklch(50.23% 0.0480 139.90) 87.1%, oklch(52.70% 0.0612 134.62) 90.3%, oklch(54.99% 0.0735 130.47) 93.5%, oklch(56.91% 0.0838 126.93) 96.8%, oklch(58.27% 0.0909 123.51) 100.0%); ``` ## Keyframes 5 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.732 | 0.138 | 68.9 | | 2 | 0.531 | 0.091 | 48.8 | | 3 | 0.402 | 0.032 | 7.6 | | 4 | 0.425 | 0.011 | -181.5 | | 5 | 0.583 | 0.091 | -236.5 | ## In these collections - [Loden wool and amber](https://grabient.com/loden-wool-and-amber) ## Other forms - [JSON](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.json?steps=32) - [PNG](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.png?steps=32) - [SVG](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.svg?steps=32) - [CSS](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.css?steps=32) - [ASE](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.ase?steps=32) - [GPL](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.gpl?steps=32) - [GRD](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.grd?steps=32) - [Design tokens](https://grabient.com/kWumQxQ6E9jMLuw2BCmSiE5Y.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kWumQxQ6E9jMLuw2BCmSiE5Y&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kWumQxQ6E9jMLuw2BCmSiE5Y) - [Guide for agents](https://grabient.com/llms.txt)