Palette Generator
primary
red
secondary
violet
success
rose
info
teal
warning
purple
error
cyan
Export Palette
Generate candidate palettes, then refine the one worth keeping
The generator is best for exploration, not final approval. It helps you move quickly through different semantic combinations when you need fresh directions for a dashboard, marketing site, internal tool, or brand refresh without hand-picking every color family from scratch.
Once a palette feels close, treat it as a draft. Check whether the neutral scale supports long-form UI, make sure status colors remain distinguishable, and verify the palette still works in dark mode. After that, move into manual editing so the exported theme reflects deliberate decisions instead of a random combination.
Related guides
- Customize Theme ColorsConfigure semantic color palettes, per-role shades, and neutral tones for your brand.
- Color Palette ReferenceComplete reference of all available color palettes with shade values and pairing tips.
- Building a Design SystemBuild a consistent, scalable design system using Nuxt UI design tokens.