BMA DigitalBMA Digital
A FREE RESOURCE BY BMA DIGITAL

Colour palette
generator.

Find colours that feel like your business.
Then see what they can become.

Start with a colour, a photo or a little curiosity.A quick guide
Free to use. Yours to keep.
01
Click the code to copy
Edit
02
Click the code to copy
Edit
03
Click the code to copy
Edit
04
Click the code to copy
Edit
05
Click the code to copy
Edit
or press space
Tip: lock a colour you love, then generate the rest.
Try a mood
Fine-tune your colours Warmth, saturation and lightness
Your palette library 0 saved · 0 shortlisted

Compare your favourites

Shortlist up to three palettes and compare them side by side.

Saved on this device

No palettes here yet.

Recent this visit

No palettes here yet.

Explore shades & gradients More ways to use your palette

Choose two or three shades to build a gradient. Click a selected shade to remove it.

Colour 1 · #F5F3FF

Colour 2 · #140A26

Colour 3 · #B026FF

Colour 4 · #00F5FF

Colour 5 · #FF2DAA

Your gradient

Choose 2 more shades to see a gradient.

Text over gradients and images needs its own contrast check across the full text area.

TAKE IT WITH YOU

Your colours. Ready to use.

Copy your colour codes and developer exports here, without entering an email address. For a complete colour guide, we’ll email you PNG, SVG and PDF files together.

Exports use your original colours and current role assignments. Images and brand names are not included in shared links.

BMA DIGITAL / COLOUR NOTES

Your next chapter

#F5F3FF · #140A26 · #B026FF · #00F5FF · #FF2DAA

Made by you. Ready for what’s next.
Copy codes & developer exports HEX, RGB, HSL, CSS, JSON and Tailwind
KEEP YOUR GOOD IDEA GOING

Don’t lose momentum.

We’ll send your colour guide as PNG, SVG and PDF attachments in one email, along with colour codes and inspiration for your website, social posts and emails.

Your guide is free. Follow-up tips are optional. Your uploaded image stays on your device.

COLOURS WITH A PURPOSE

See your brand take shape.

Your colours.
In the real world.

From a palette to a plan.

Try your colours on a website, social post and email. Choose what each colour does, check readability and make a guide you can actually use.

GIVE YOUR COLOURS A HOME

Let’s make your website feel like you.

Bring your palette to BMAD. We’ll help turn it into a clear, considered website for your business.

Use this palette for my website ↗︎Explore website packages →
A LITTLE COLOUR CONFIDENCE

Make a palette you can put to work.

01

Begin with something familiar.

Your logo, a favourite product photo or one colour you already use is a useful starting point. Lock that colour and explore the possibilities around it.

02

Give every colour a job.

Use quiet backgrounds to give content room, readable colours for words, and an accent for the details. Try the same palette across your website, social posts and emails.

03

Check it. Keep it. Use it.

Check the combinations people will actually read. Copy your codes or email yourself a colour guide to share with your designer or bring to BMAD when you are ready to build.

Looking for a “color palette generator”? You’re in the right place—we use Australian spelling. For practical website planning, explore our website designs and packages or read the BMAD blog.

GOOD QUESTIONS

A few things
worth knowing.

How do I create a colour palette for my business?

Start with an existing brand colour, upload your logo or photo, or generate a fresh palette. Lock colours you want to keep, refine the others, then use Build my brand to assign colour roles and check your website and marketing previews.

Can I generate a colour palette from an image?

Yes. Choose a PNG, JPEG or WebP image up to 15 MB. The tool extracts dominant colours locally on your device and ignores transparent areas. You can also sample a point in the image. Your image is not uploaded or included in shared links.

Is this colour palette generator free?

Yes. Generate, edit, compare, save on your device, and copy or download colour codes without an account or email address. The PNG, SVG and PDF guide is free and sent by email. Contacting BMAD about a website is optional.

Can I keep my exact brand colour?

Yes. Enter a HEX, RGB or HSL colour and lock it. Generation, presets and bulk adjustments keep locked colours unchanged. Dark-mode previews show derived shades separately, while preserving the original palette.

How do the accessibility checks work?

The tool calculates WCAG 2.2 text contrast for the selected foreground and background pairs. It shows separate AA and AAA results for normal and large text. You can review a suggested alternative before applying it. These pair checks do not certify the accessibility of a complete website.

How can I save, share or download my palette?

Save favourites on this device or copy a shareable palette link. Copy or download HEX, RGB, HSL, CSS, JSON and Tailwind CSS v4 codes without email. Enter your email to receive PNG, SVG and PDF versions of your colour guide together. Shared links contain colours and role assignments, not your image or brand name.