Generate app-ready palettes and preview them instantly on dashboards, landing pages, buttons, cards, forms, charts, and pricing sections.
Press Space to generate
Copy your palette as CSS variables, Tailwind config, or JSON.
:root {
--color-primary: #635BFF;
--color-secondary: #22C55E;
--color-accent: #F97316;
--color-background: #FFFFFF;
--color-surface: #F8FAFC;
--color-text: #0F172A;
--color-muted-text: #64748B;
--color-border: #E2E8F0;
--color-success: #22C55E;
--color-warning: #F59E0B;
--color-error: #EF4444;
}