Dark Mode Color Palettes for Apps and Websites
Dark mode palettes with accessible foreground, panel, border and accent colors for modern products.
Best for
- Dark websites
- Developer tools
- Dashboards
- Creative apps
Usage tips
- Avoid pure white text on very dark backgrounds for long reading.
- Use borders and panels to create depth.
- Check accent contrast before using it in buttons.
CSS variables
:root {
--palette-1: #09090B;
--palette-2: #18181B;
--palette-3: #F4F4F5;
--palette-4: #60A5FA;
--palette-5: #3F3F46;
}