Skip to main content
Skip to content

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.

Color Tokens

Color tokens are semantic variables that represent specific colors in your design system. They help maintain consistency and make it easier to update colors across your entire application.