Overview · Building data

Color Lab

Palettes with brand roles, contrast checks and a finish schedule.

• Color Lab overviewBuild named color palettes for a project, give colors brand roles, check their contrast, and turn them into a finish schedule.
• Colors and brand rolesAdd colors, tune them by hex or HSL, pull colors from a photo, and give colors brand roles.
• Contrast checksPreview the brand roles together and check text and button contrast against the WCAG grades.
• Finish schedule and exportFill in each color's spec to make a finish schedule, then export it, the CSS variables or the palette file.