Website Color Palettes with HEX Codes for Modern UI
Ready-to-use website color palettes for landing pages, blogs, portfolios and product pages with accessible HEX combinations.
Best for
- Landing pages
- Blogs
- Personal websites
- Documentation pages
Usage tips
- Use the dark ink color for headings and long text.
- Reserve the orange accent for one main action per section.
- Keep large backgrounds close to white for better readability.
CSS variables
:root {
--palette-1: #111827;
--palette-2: #F8FAFC;
--palette-3: #2563EB;
--palette-4: #F97316;
--palette-5: #CBD5E1;
}