About Hueboard

Build a palette with intention.

Generate five-color harmonies, lock the colors you want to keep, or edit each HEX value directly. Press Space outside the controls to generate another palette. Export CSS variables or a JSON palette.

Check before you ship

The contrast tool calculates the WCAG relative-luminance ratio for any two palette colors. AA normal text requires 4.5:1; large text requires 3:1; AAA normal text requires 7:1. Large text means at least 18 pt regular or 14 pt bold. Contrast alone does not establish full accessibility compliance.