333 palettes tagged #black
Bold, elegant black and dark palettes for high-contrast, premium designs.
The black reference values and ready-to-paste CSS variables. Click any value to copy it.
:root {
--black-50: #F5F5F5;
--black-200: #9E9E9E;
--black-400: #424242;
--black-600: #212121;
--black-800: #121212;
}
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.
Black conveys power, elegance and authority. High-contrast dark palettes feel modern and premium and are a hallmark of luxury, fashion and tech-forward brands.
Black palettes often build on shades like #F5F5F5, #9E9E9E, #424242, #212121, #121212. 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.