Pick a base color and generate a matching brand palette with tints, shades, and complementary colors.
Pick one base brand colour and the tool converts it to HSL, then generates a coordinated palette by keeping the same hue and saturation while raising or lowering lightness to create lightest, light, dark and darkest variants, plus a complementary colour by rotating the hue 180 degrees. Click any hex code to copy it for use in your logo, packaging, website or WhatsApp catalogue.
A Jaipur home-decor store picks its signature teal as the base colour, instantly gets lighter tints for backgrounds, darker shades for text and buttons, and a warm complementary accent for sale tags, then copies the hex codes into its Canva templates and Shopify theme.
Keep it simple: one main brand colour, one or two supporting tints/shades and a single accent (often the complementary) for calls to action like 'Buy Now' or 'Sale'. Too many colours make packaging and posts look inconsistent.
Use lighter tints for backgrounds and section fills, the base colour for your logo and headers, and darker shades for body text and buttons so everything stays readable and on-brand.
The palette is in RGB/hex for screens. For box or label printing, share the hex codes with your printer and ask for CMYK conversion and a proof, since printed colours can shift from what you see on a screen.
Save the copied hex codes in one place and reuse them everywhere, listing images, banners, catalogue and store theme, so customers recognise your brand at a glance.
Commmerce lets you apply your brand colors and logo across your online store and customer touchpoints.
See Online Store
