Type a vibe.
Get a palette.
Moodpalette turns a short brand or mood description into a cohesive, copy-ready colour palette in seconds: so you can stop staring at colour pickers and start designing. Body text is locked to WCAG-AA contrast against background and surface, and every pairing is measured in a live report.
Palette generator
Your palette appears here with role assignments and live WCAG contrast scores.
How it works
Three steps from a sentence to a brand-ready palette.
-
01
Describe your brand
A sentence is enough. "Calm fintech for Gen Z", "earthy yoga studio", "futuristic AI tool".
-
02
Get a palette
The engine returns five balanced colours tuned for digital brand use: backgrounds, surfaces, primary and accents.
-
03
Copy & ship
Click any swatch to copy its hex. Drop it straight into Figma, Tailwind, or your design tokens.
Designed for builders
Made for designers, founders, and anyone shipping a brand this week.
Instant results
Palettes generate in the browser. Iterate as fast as you can rephrase a vibe.
Mood-aware
Colours map to the feeling, industry, and audience you describe, not random hues.
Ready to use
Each palette covers background, surface, primary, accent, and text roles for real product UI.
Accessible by default
Body text is locked to WCAG-AA contrast, with a live contrast report on every result.
Simple pricing
Moodpalette is free. The plans below are a design example.
Heads up: this pricing section is part of the design demo, built from the prompt shown in the video. Moodpalette is completely free and needs no account. There are no paid plans and no prices: the cards only show what a pricing section can look like, nothing can be bought, and the Pro and Team buttons are disabled.
Free
Everything you need to generate palettes
- Unlimited palettes
- One-click hex copy
- Built-in WCAG contrast checks
- No account, no sign-up
Pro
For working designers
- Save & organise palettes
- Export to Figma & Tailwind
- Private history
- Everything in Free
Team
For brand teams
- Everything in Pro
- Shared workspace
- Brand-locked colours
- Priority support
FAQ
What is Moodpalette?
Moodpalette is a free browser tool that turns a short brand or mood description into a five-colour UI palette: background, surface, primary, accent, and text: ready to paste into Figma, Tailwind, or design tokens.
Is it free?
Yes. Generating palettes and copying hex codes is free and needs no account. The pricing cards above are a design example from the demo: they show no prices, there are no paid plans and nothing is sold.
Does it use AI?
No. Moodpalette uses a rule-based colour engine that maps your description to a colour family and harmony scheme, then enforces UI rules in code. It runs entirely in your browser: no model, no server call, nothing leaves your device. If you want to build a tool like this one yourself, the prompt pack behind it is published in full.
Do the palettes meet accessibility contrast standards?
Body text is forced to at least 4.5:1 contrast against both the background and surface colours (WCAG AA), and every palette shows a live contrast report so you can verify each pairing yourself. The accent role is reported, not constrained: the report says whether it is strong enough to carry text.
Can I use the palettes commercially?
Yes: we place no licence on the palettes you generate, so use them in commercial or personal work. Colour combinations are not protected by copyright. Trade-mark and trade-dress rights can still attach to a specific colour used by a specific brand, so check before adopting a competitor's exact palette.
Watch Moodpalette being built
The video builds Moodpalette in Lovable from a single prompt, with an AI colour feature wired in. The tool on this page ships a rule-based engine instead: no AI model runs when you generate a palette. Every prompt from the video is on the build prompts page.
Plays from YouTube. Nothing is requested from YouTube until you press play. Pressing play loads Google's player from youtube-nocookie.com, or opens the video on youtube.com where the player cannot be embedded; either way Google receives your IP address and device details. How that works.
Lovable Tutorial: Build a Landing Page in One Prompt