BBrand Color Tokens

Runs locally in your browser. Nothing is uploaded or stored.

Generate CSS/JSON color tokens.

/tools/brand-color-tokenscolor

Brand Color Tokens

Generate CSS variables and JSON tokens for your brand palette.

primary

secondary

accent

CSS

:root {
  --primary: #5f6cff;
  --secondary: #ff6b6b;
  --accent: #22c55e;
}

JSON

{
  "primary": "#5f6cff",
  "secondary": "#ff6b6b",
  "accent": "#22c55e"
}