263 palettes tagged #gray
Modern, balanced gray palettes — neutral, professional and versatile.
The gray reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--gray-50: #FAFAFA;
--gray-200: #E0E0E0;
--gray-400: #9E9E9E;
--gray-600: #616161;
--gray-800: #212121;
}
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.
Gray is the ultimate neutral: calm, balanced and professional. It lets accent colours shine and signals sophistication and modernity in tech and design-led brands.
Gray palettes often build on shades like #FAFAFA, #E0E0E0, #9E9E9E, #616161, #212121. 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.