AlwanKit – A complete, accessible color design system from one color

Summary: AlwanKit generates a full WCAG-compliant color palette and design system from a single brand color, covering light and dark modes with defined roles. It exports as CSS variables, SCSS, Tailwind config, or JSON, streamlining color harmony and accessibility for apps and design systems.

What it does

It creates an accessible color palette based on one chosen color and harmony, defining every role and handling light and dark modes together. The system is implemented in pure CSS without JavaScript.

Who it's for

Designers and developers needing accessible, consistent color systems for apps or design projects.

Why it matters

It eliminates the time-consuming process of manually creating accessible, harmonious color palettes and managing dark mode.