Color Palette Harmonizer is a powerful yet lightweight OutSystems extension designed to help developers and designers generate visually cohesive color combinations based on a single input HEX color. It simplifies color theory by offering built-in support for three widely-used color harmony rules:

 Complementary Palette – Generates the opposite color on the color wheel, providing strong contrast and visual emphasis.

 Triadic Palette – Produces two additional colors spaced 120° apart, offering a vibrant and balanced color scheme ideal for interfaces needing multiple accent colors.

 Analogous Palette – Returns adjacent hues (±30°), resulting in a soothing, gradient-friendly, and nature-inspired theme.

What This Component Does:

• Accepts any valid HEX color as input (e.g., #3498DB)

• Converts HEX to HSL for mathematical color manipulations

• Applies selected harmony logic and returns a list of resulting HEX colors

• Returns results as a structured OutSystems list (suitable for UI binding or logic processing)

• Fully compatible with Reactive Web Apps

Use Cases:

• Dynamic UI theme generators

• Design system token creators

• Customizable brand palettes

• Color scheme generators for low-code or GenAI-powered builders

• Internal styling tools or content personalization

What’s Included:

• Server actions: GenerateComplementaryPalette, GenerateTriadicPalette, GenerateAnalogousPalette

• Data structure: ColorList (contains HEX color as text)

• Demo screen: Choose a color and view generated palette visually

Built With:

• C# extension (OutSystems Integration Studio)

• HTML input for color picking in the demo

• Client-side + server-side logic integrated smoothly

Whether you're building an enterprise design system, a vibrant admin dashboard, or a custom theme engine for your client apps, Color Palette Harmonizer makes it easy to build beautiful, consistent color schemes in a click.