Browns are dark, low-lightness oranges and reds. They feel natural, warm and dependable, which suits coffee, food, outdoor, craft and furniture brands.
Using brown in web design
- Dark browns work well as text and footer colors when pure black feels too harsh.
- Combine browns with cream, sand and olive green for an earthy, editorial look.
- A single brighter accent, such as teal or orange, keeps a brown palette from feeling flat.
About this page
The colors above are grouped automatically by hue, saturation and lightness. Click any swatch to copy its HEX code, or open Details to convert it to RGB, HSL, HSV and CMYK in the color picker. To build a full scale from one of these colors, use the tints & shades generator, and check text colors with the contrast checker.