A field guide to deliberate color

Color Theory

See the relationships. Build with intention.

01 — The useful part

Color is a system of relationships.

A color is never experienced alone. Its temperature, apparent brightness, and intensity shift when another hue sits beside it. The Color Lab makes those relationships visible so you can move from a feeling or a starting swatch to a palette that has a clear job to do.

I

Harmonies

Start with one color and explore complementary, analogous, triadic, split-complementary, tetradic, and monochromatic relationships. Each arrangement changes the balance between unity, contrast, and visual energy.

II

Tints & shades

A dependable interface needs more than a single brand color. The tool builds a usable 50–900 scale, giving you quiet surfaces, readable text, and stronger moments of emphasis from the same hue.

III

Color with a purpose

Preview a 60–30–10 distribution, semantic feedback colors, neutral families, and a small interface composition. It is a practical bridge between selecting a color and using it well.

A simple approach

Choose an anchor. Then give every other color a role.

  1. AnchorPick the hue that carries the character of the work.
  2. BalanceUse a harmony to decide where contrast and calm belong.
  3. ApplyReserve the strongest color for the moments that matter most.

Ready to experiment?

Put a color under the lens.

Pick from the wheel, enter a HEX, RGB, HSL, or named color, and let the Color Lab map its possibilities.

Open the Color Lab