Color Palette Generator
All the color tokens of your palette — ready to export as CSS variables
Use the Palettebro color palette generator to explore primary, secondary, and accent tokens, then download CSS custom properties for web projects. Open shades and utilities, or pair it with the WCAG contrast checker. Guides: CSS variables and Tailwind palettes.
Utility Classes
Utility classes for common surfaces and text, derived from theme tokens. Use them as-is, or override to match your design.
Primary
Secondary
Accent