Palette Generator

Pick a vibe, get a palette. Copy it as CSS, Tailwind, or an AI prompt you can paste straight into your coding tool.

Choose Your Vibe

Pick a Palette

Your Palette

Click any swatch to customize

#2563EB

primary

Royal Blue

#64748B

secondary

Slate

#0EA5E9

accent

Sky Blue

#F8FAFC

background

Cloud White

#0F172A

text

Dark Navy

Live Preview

MyApp

FeaturesPricingAbout

New Feature

Welcome to Your App

This is how your content will look with this palette. Body text uses the text color at reduced opacity for comfortable reading.

Export & Use

Use this color palette for my app:
- Primary (Buttons, links, key actions): #2563EB
- Secondary (Supporting elements, borders): #64748B
- Accent (Highlights, badges, callouts): #0EA5E9
- Background (Page background): #F8FAFC
- Text (Headings, body text): #0F172A

Apply these consistently. Use the primary color for main CTAs and navigation. Use the accent sparingly for emphasis.

AI Tip:Use the "AI Prompt" export tab to get a ready-to-paste description of your palette. Paste it at the start of your conversation with Cursor, Bolt, Lovable, or Claude Code to set your app's colors.

Nothing you generate is stored. Copy what you need and paste it into your AI coding tool, project, or design file.