Website Color Palette Generator
Pick your brand color and get a full website palette with text and button colors that are easy to read.
- Branding
- 100% free
- No sign-up
- Private: runs in your browser
Your website colors
Preview
CSS to copy
How it works
How to use the Website Color Palette Generator
- 1
Pick your brand colour or type its code.
- 2
Get a full palette with button, text and background colours.
- 3
Copy the CSS or the colour codes for your website builder.
Questions about the Website Color Palette Generator
How many colours should a website use?
One brand colour, one accent, and neutral greys for text and backgrounds is enough for most small business sites.
What is colour contrast and why does it matter?
Text must stand out from its background to be readable. The tool checks the 4.5:1 ratio that accessibility guidelines recommend.
Can I use these colours in WordPress?
Yes. Paste the codes into your theme's colour settings or the Global Colours of Elementor, Divi or Kadence.
Rather not do it yourself?
We can set this up for you, or build your whole website.
Send us a message with what you need. We reply within a few hours.