Free Color Palette Generator
Find your next
perfect colour palette.
Create five coordinated colours for your brand, website or next design.
A functional color palette combines a base hue with two lighter tints and two darker shades, ensuring strong contrast for readable text. This tool generates that 5-step scale from any starting color and provides one-click hex codes, giving you a quick foundation to customize.
Check your chosen text and background combination for accessibility before publishing.
Frequently asked questions
How do I generate a colour palette?
Move the base hue slider or click Generate palette. The tool creates two lighter tints, a base colour and two darker shades.
How do I copy a HEX code?
Click or tap a colour swatch to copy its HEX code. Paste it into Canva, Figma, Photoshop or your website colour settings. If clipboard access is blocked, select and copy the displayed code manually.
Can I start with my own brand colour?
Yes. Enter a six-digit HEX code and click Apply. Your exact colour becomes the base, with two lighter tints and two darker shades.
Are all combinations suitable for readable text?
No. Contrast depends on the exact text and background colours you pair. Check accessibility contrast before using a combination for text, buttons or important information.
Is this tool free, and are my palettes saved?
Yes, it is free and requires no sign-up. The generator runs in your browser and does not save your palettes. Copy the HEX codes you want to keep.
Can I use these colours commercially?
Yes. Use the generated colour values for branding, websites, social posts, presentations and client projects.