UUUP Tools

Design Tools

Color Harmonizer — Classic Harmony Rules

Pick a base color and generate schemes with complementary, analogous, triadic, tetradic, split-complementary, or monochromatic rules. Preview UI usage and export CSS variables for brand and component work.

Quick switch→Palette Generator
PaletteColorHarmony
Quick switch:Palette GeneratorColor ConverterPastel Color Generator

Favorite this tool

No favorite storage mode has been selected.

Quick actions

Back to Design Tools Browse all tools

Copy this tool URL or open the system share sheet on a supported device.

Use cases

  • Pick a harmony rule and ship a starter palette
  • Derive primary and secondary button colors
  • Export CSS variables into a theme

How to use

  1. Choose or enter a base color
  2. Select a harmony rule
  3. Click swatches to copy colors, or copy the CSS variables

Example input and output

Base

#3b82f6 (complementary)

Complement

#f6993b

FAQ

Which rules are included?

Complementary, analogous, triadic, tetradic, split-complementary, and monochromatic—six rules total.

How is this different from a palette generator?

This expands one base color through fixed color-theory structures. Palette generators lean more on random exploration and lock-and-iterate workflows.

Tools

Related tools

Continue with another translated tool for a nearby task.

Palette Generator

Palette Generator — Rule-Based Color Sets

Available

Generate palettes with monochrome, analogous, complementary, triadic, or fully random rules. Lock individual swatches and keep randomizing the rest for UI exploration and brand-color derivatives.

Palette Color Harmony
Open tool

Color Converter

Color Converter — HEX, RGB, HSL Online

Available

Convert colors among HEX, RGB, HSL, HWB, CMYK, and CSS variables in your browser. Includes a color picker and random color helper for design handoff, stylesheet work, and brand-color alignment.

Color HEX RGB
Open tool

Pastel Color Generator

Pastel Color Generator — Soft Low-Saturation Palettes

Available

Generate soft pastel and Morandi-style palettes in your browser. Choose count and style, lock swatches you want to keep, and export HEX lists or CSS variables for charts, backgrounds, and gentle UI themes.

Pastel Palette Color
Open tool