Question 1

What is a colour palette?

Accepted Answer

A colour palette is a curated set of colours used together to create a cohesive visual identity. Designers use palettes to keep websites, brands, interiors, and printed materials looking consistent and intentional.

Question 2

How do colour harmonies work?

Accepted Answer

Colour harmonies are mathematical relationships on the colour wheel that produce pleasing combinations. Analogous palettes use neighbouring hues, complementary palettes use opposites, triads pull three evenly spaced colours, and so on. Each harmony creates a different mood.

Question 3

How do I choose colours for my space?

Accepted Answer

Start with a single base colour that reflects the feeling you want, calm blues for rest, warm oranges for energy, soft greens for renewal. Use a harmony rule to build supporting tones, then test the palette in the room's natural light before committing.

Question 4

What is wellness mode?

Accepted Answer

Wellness mode biases the random palette generator toward colours associated with specific moods (calm, energy, detox, recovery). It is a starting point for spaces, brands, and content focused on wellbeing.

Question 5

Which export formats are supported?

Accepted Answer

You can export your palette as PNG, JPEG, WebP, or SVG at preset sizes for social, story, banner, wide, and print. JSON export gives full HEX, RGB, and HSL data, and you can bundle every layout into a single ZIP or download every lifestyle preview scene as a ZIP in one click.

Question 6

Can I change the layout?

Accepted Answer

Yes. Switch between Cards, Landscape, Portrait, Circles, Strip, and Shades layouts. The Shades layout shows each colour as a row of stepped tints and shades from -50% to +50% lightness in 10% steps, click any cell to copy that variation.

Question 7

Can I extract a palette from an image?

Accepted Answer

Yes. Drop in any image or paste a URL and the tool runs a client-side dominant-colour extraction (median-cut + k-means refinement) to pull a palette of up to 12 colours. Your image is never uploaded, all processing happens in your browser.

Question 8

What does the lock icon do?

Accepted Answer

Locking a swatch protects it from regeneration, lightness/saturation tuning, and count changes. When you reduce the number of colours, unlocked swatches are dropped first so your locked picks survive. Locks do not affect manual edits, you can still type a new hex into a locked card.

Question 9

Can I save and share palettes?

Accepted Answer

Yes. Click the heart icon to save a palette to your browser. Use the Share link button to copy a URL that opens the exact palette, tuning, layout, and preview scene anywhere. You can also publish to the community gallery, browse and search what others have shared, and apply any palette in one click.

Question 10

How do I reset everything?

Accepted Answer

The Reset all button at the top of the Generator restores the base colour, harmony, count, layout, tuning, scene, and clears any image source back to defaults in a single click.

Question 11

How do contrast ratios help?

Accepted Answer

Contrast ratios show how readable text would be when one colour is placed over another. Pairs above 4.5 meet WCAG AA for body text, above 7 meet AAA. Use this to check accessibility before pairing colours in a UI.

Colour Palette Generator

Contrast Ratios

Lifestyle Preview

Design that breathes, products that convert.

Frequently Asked Questions

You Might Also Like

Colour Contrast Checker

CSS Gradient Generator

CSS Style Builder

Box Shadow Generator

Need Something Custom?

Have an Idea for a Tool?