Design with colour confidence

Generate beautiful colour palettes and see them come alive in real UI

Primary Colour: Azure Radiance

Secondary Colour: Shark

Accent Colour: Violet Red

See it in action

Your current palette applied to cards, buttons, text, and backgrounds. Just like you’d use it in your website or app.

Card with text and button

Section with background color

Tooltip or tag

Button states (primary, hover, disabled)

Step 1: Generate a palette

Start with a random colour or pick your own. Instantly create palette options.

Step 2: Visualize in UI

See your palette applied to real UI elements, buttons, cards, dashboard, and more!

Step 3: Export easily

Download your palette as a Figma plugin, JSON file, CSS, Tailwind config, images, and more. Just with one click.

Colour Picker

Randomizer

UI preview

Export formats

HEX / RGB / HSL

No login

No pop-ups

Clean UI

Use it directly in Figma

Push your generated palette straight into your design files.

Help us Grow with You!

This tool was built to support designers, creators, and makers like you, without logins, subscriptions, or paywalls. If you found it helpful (or not!), we’d love to hear from you. Your feedback helps usimprove and shape the future of this space.