abernier/material-theme-builder

Mcu

Minimal

Default

[scheme=monochrome]

[scheme=neutral]

[scheme=vibrant]

[scheme=expressive]

[scheme=fidelity]

[scheme=content]

[contrast] low

[contrast] medium

[contrast] high

[contrast][contrastAllColors] low

[contrast][contrastAllColors] medium

[contrast][contrastAllColors] high

[adaptiveShades]

[primary]

[primary][secondary]

[primary][secondary][tertiary]

[primary][secondary][tertiary][error]

[primary][secondary][tertiary][error][neutral]

[primary][secondary][tertiary][error][neutral][neutralVariant]

Custom colors

Custom colors (no harmonization)

Tailwind

Recolorized SVG

Recolorized SVG with custom-colors

Chromatic publishes Storybook to streamline collaboration

Learn more Sign in