Website palettes need contrast more than beauty. Roll a palette, lock a dark text color and a light background, keep one accent for buttons — then export CSS variables or a Tailwind theme and you're done.
5 colors · pick a format, copy or download
:root {
--color-1: #421bee;
--color-2: #f29f54;
--color-3: #0ebe95;
--color-4: #ee1be1;
--color-5: #bbf254;
}Give the background and text the biggest share (roughly 60%), surfaces and secondary elements 30%, and the accent — buttons, links, highlights — the last 10%. It keeps a site calm and makes the accent look intentional instead of random.
The CSS Variables export is the safest drop-in: paste :rootinto a stylesheet and use var(--color-1) anywhere. On Tailwind, the Tailwind Config export gives you bg-c1classes immediately. Both work for light and dark layouts — keep text on the dark end and backgrounds on the light end.
Keep body text dark (low lightness) and backgrounds light (high lightness) and you'll land close to accessible contrast. For exact numbers, test the pairs against WCAG contrast requirements before shipping.
If you already use Tailwind, take the Tailwind export. Otherwise CSS variables — they work in any framework.