152 palettes tagged #beige
Soft, neutral beige and cream palettes for a warm, minimal aesthetic.
The beige reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--beige-50: #FAF7F2;
--beige-200: #EDE0D4;
--beige-400: #D7CCC8;
--beige-600: #BCAAA4;
--beige-800: #A1887F;
}
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.
Beige is a warm neutral that feels calm, dependable and timeless. It is the backbone of minimal, editorial and luxury layouts where content needs room to breathe.
Beige palettes often build on shades like #FAF7F2, #EDE0D4, #D7CCC8, #BCAAA4, #A1887F. 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.