Upload a logo or answer 3 quick questions. Brand Colour Studio builds your entire colour system – palette, roles, accessibility checks, and a client-ready PDF kit – with export-ready CSS and AI prompts.
See what freelance designers, agency teams, and solo SaaS founders build and export with Brand Colour Studio.
A beautiful, multi-page vector PDF containing contrast ratios, print codes (CMYK/RGB), font pairings, and AI generation prompts for brand collateral.
Instantly preview your brand system applied to high-fidelity mockups of websites and business reports, supporting instant Light/Dark mode toggling.
No more manual copy-pasting. Export clean, production-ready CSS variables, SCSS variables, or a complete Tailwind theme extension block instantly.
"I got completely tired of managing endless back-and-forth email chains with clients just to get brand color approval. That's why I built Brand Colour Studio. It runs 100% locally in your browser. Absolutely zero images or asset files are ever uploaded to any server, keeping your client's brand intellectual property completely secure and private. Enjoy the friction-free approvals!"
— Founder, Brand Colour StudioYour brand kit PDF includes: colour swatches with all codes (HEX, RGB, CMYK), colour roles & usage guide, WCAG accessibility score, recommended Google Font pairings, and your AI prompt. Generated entirely in your browser — nothing is sent to any server.
Send this link to your client. They'll see the palette on a live website preview and can approve it with one click. You'll receive their choice by email.
Copy the prompt for your preferred AI tool. Paste it at the start of any design request.
Generate a shareable social media card (1200×630) featuring your palette. Perfect for LinkedIn, Instagram or Pinterest.
data-logo="your-logo.png" data-brand="Agency Name"Get instant access to vector PDF exports, production code variables, custom client approval flows, and AI design generation prompts.