332 palettes tagged #white
Clean, airy white and off-white palettes for minimal, breathable layouts.
The white reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--white-50: #FFFFFF;
--white-200: #FAFAFA;
--white-400: #F5F5F5;
--white-600: #EEEEEE;
--white-800: #E0E0E0;
}
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.
White signals simplicity, cleanliness and clarity. It creates space, reduces cognitive load and is the foundation of minimal, premium and healthcare design.
White palettes often build on shades like #FFFFFF, #FAFAFA, #F5F5F5, #EEEEEE, #E0E0E0. 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.