Palettes
Hover to expand · click any swatch to copy hex
Dark Mode Preview
Your palette rendered in both light and dark contexts
Semantic Tokens
Click any token to copy its hex value
Contrast Checker
WCAG 2.1 · AA ≥ 4.5:1 · AAA ≥ 7:1
Export Code
Copy and paste into your project
Size
48px
Pick fonts from the sidebar
Or tap a curated pairing to preview it instantly