Back to Tools

Color Token Exporter

Convert your color palette to CSS, SCSS, JSON, or Tailwind tokens

Color Tokens

Export Format

Preview

:root {
  --color-primary: #3B82F6;
  --color-secondary: #8B5CF6;
  --color-success: #10B981;
  --color-error: #EF4444;
}

Usage Examples

CSS Variables

color: var(--color-primary);

SCSS

color: $color-primary;

Tailwind

className="bg-primary text-white"