What Plus components are for
Plus components help you move from looking at a palette to making practical design decisions with it. They explain harmony, accessibility, UI roles, theme direction, gradients, and export formats so the palette can become part of a real product, brand system, or design file.
Harmony tools
The Harmony Engine explains the structure of the palette. It shows a harmony score, the detected harmony type, the most suitable use case, and the overall temperature. Palette Expander builds on that by suggesting extra colors that still feel related to the original palette.
UI tools
Smart Role Matrix turns raw colors into UI responsibilities such as background, surface, primary, accent, text, border, success, warning, and danger. Theme Transformer creates a matching light or dark direction from the same palette so you can build paired theme modes without starting over.
Accessibility tools
Relationship Map checks how colors behave together as text and background pairs. It highlights contrast strength and makes it easier to find readable combinations before you use a palette in buttons, panels, dashboards, or long-form text.
Visual and export tools
Gradient Blender explores two-color gradients from the palette and provides ready-to-copy CSS. Export Pack turns the palette into practical files for Tailwind, Shadcn, Figma, Adobe, CSS, and SCSS workflows.
Recommended order
Start with Harmony Engine to understand the palette, then check Relationship Map for readability, assign roles with Smart Role Matrix, create a paired mode with Theme Transformer if needed, and export only after the palette has a clear job.