Palettes, Harmonies, and Gradients

Build larger color systems from individual colors, scales, harmonies, and gradients.

In this chapter

Read in order or jump directly to a specific page.

  1. Use collections and scales

    Choose between named palettes, scales, and groups of parsed colors.

  2. Generate palettes

    Generate tints, shades, lightness scales, and endpoint interpolations.

  3. Build color harmonies

    Derive geometric hue relationships from one source color.

  4. Build gradient types

    Create linear, radial, and conic gradients with explicit stops.

  5. Interpolate and sample gradients

    Choose an interpolation space and sample colors along a gradient.

  6. Export palettes and gradients

    Export palette values and serialize gradients for CSS.