Free tool
Brand color palettes
Pick a base color to explore harmonies and a seven-step shade scale. Click any swatch to copy its hex code — nothing leaves your device.
toolsColorPalette.cardTitle
toolsColorPalette.cardBody
toolsColorPalette.complementaryTitle
toolsColorPalette.complementaryBody
toolsColorPalette.triadicTitle
toolsColorPalette.triadicBody
toolsColorPalette.analogousTitle
toolsColorPalette.analogousBody
toolsColorPalette.shadesTitle
toolsColorPalette.shadesBody
toolsColorPalette.cssTitle
toolsColorPalette.cssBody
--brand-primary: #4f46e5;
--brand-complement: #dce546;
--brand-triadic-a: #e54f46;
--brand-triadic-b: #46e54f;
--brand-shade-1: #13122b;
--brand-shade-2: #221f63;
--brand-shade-3: #2b23a2;
--brand-shade-4: #3328e1;
--brand-shade-5: #746edf;
--brand-shade-6: #aface5;
--brand-shade-7: #e3e2f3;