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.
