Controls

Shuffle palette + fonts together. Save favorites and export to CSS variables or JSON.

Palette

Click a swatch to copy HEX. Contrast badges show AA normal text pass/fail vs white and black.

Font pairing & preview

Fonts are lazy-loaded from Google Fonts only when selected. Preview background stays neutral.

Heading font
—
Body font
—

Export

Copy-ready CSS variables and JSON for the current combination.

CSS variables 

                

              


              

                

                  JSON