Browse curated palettes from Material Design, Tailwind CSS and Flat UI Colors.
A curated collection of colour palettes from the most widely used design systems. Browse Material Design's full colour range, Tailwind CSS utility colours, Flat UI colours and other popular sets — all in one place.
Each swatch shows the hex code and colour name. One click copies the hex to your clipboard, ready to paste into CSS, Figma, Sketch or any tool that accepts colour codes. No colour picker needed for standard palette colours.
Use these palettes as a starting point for consistent design. Material Design and Tailwind colours are specifically engineered for accessibility contrast ratios, making them safe defaults for UI work.
No. Everything runs locally in JavaScript on your device — nothing is transmitted or stored.
Yes. Generate harmonious colour palettes from any base colour — complementary, analogous, triadic and more — with no account or limit.
Yes. Everything is generated locally in your browser. You can copy, download and use the output however you like.
Vai.la turns any URL into a short link with click statistics, QR Code and your own biolink.
Vai.la is not responsible for how the tools are used or for decisions made based on their results.