184 palettes tagged #brown
Warm, earthy brown palettes — grounded, organic and timeless.
The brown reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--brown-50: #EFEBE9;
--brown-200: #A1887F;
--brown-400: #795548;
--brown-600: #5D4037;
--brown-800: #3E2723;
}
Prefer Tailwind? Drop these hex codes into the colors key of your tailwind.config.js, or copy any palette above as a full Tailwind config.
Brown is the colour of earth, wood and coffee. It feels stable, reliable and natural, making it a favourite for organic, coffee, outdoor and heritage brands.
Brown palettes often build on shades like #EFEBE9, #A1887F, #795548, #5D4037, #3E2723. Click any palette above to copy its hex codes, CSS, or Tailwind values straight into your project — combine lighter tints for backgrounds with deeper tones for text and accents.