Brown is not a spectral colour: it is dark orange. Every brown on this page sits between 9° and 31° hue with the lightness pulled down — only #D7CCC8 rises above 60%. Take the HEX codes from a scheme below, or anchor a new harmonious brown palette to any base colour in the generator.
Earthy Brown is the most muted set, saturation never above 28%, and behaves like a warm neutral. Warm Brown pushes saturation to 64% at #6F4518 for a richer, more orange read. Chocolate is the darkest, bottoming out at #2B1B17.
#3E2723#5D4037#795548#A1887F#D7CCC8#6F4518#8B5A2B#A47148#BC8A5F#D4A373#2B1B17#3F2A1D#5A3825#7B4B2A#B5651DAnchored to a brown base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Brown is a neutral that most palettes treat as a hue, and it pairs with the colours you would find beside it in nature — cream and taupe to lighten, sage green or a deep teal to cool. Coffee, leather goods, furniture and rustic packaging are its usual territory; add one cream and one green and you have a full scheme.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. Because the picker is seeded with #795548, an export taken without changing the base stays inside the brown range. The JSON and HEX buttons hand back the same five values as an array and as a comma-separated line, which suit design tokens and quick pasting respectively. Lock a swatch to pin it, then re-roll the other four and export again without losing it.More palettes: Cottagecore palette · Taupe palette · Dark Academia palette · all colours