One color in, a complete Material 3 theme out — with the code to match.
Material 3 Theme & Colors turns a single seed color into a complete Material Design 3 scheme — all 48 color roles, light and dark — rendered live on real M3 components rather than a grid of swatches. When the theme looks right, the app hands you the code: a Compose Theme.kt, an Android colors.xml, CSS custom properties, or JSON with the full tonal ramps. Everything runs on-device, so it works offline and needs no account.
It's built for the handoff: designers send a working theme instead of a screenshot, developers skip transcribing forty-eight hex values by hand. One detail is surfaced rather than smoothed over — the seed color is not the generated primary, because M3 pins that role to a fixed tone to guarantee contrast. The app shows the seed beside the role that actually holds it instead of quietly substituting a color you didn't pick. Same instinct behind the WCAG contrast check: real ratios and a live text specimen, not just a pass badge.
🎨 Live theme preview — all 48 Material 3 roles for light and dark, on genuine M3 components. Pick a shade and the preview repaints as you go.
🎛️ Nine styles, three contrast levels — Tonal spot, Neutral, Vibrant, Expressive, Content, Fidelity, Monochrome, Rainbow, Fruit salad — each at standard, medium or high contrast. Flip light/dark without touching system settings.
♿ WCAG contrast audit — every on-pair graded AA / AAA with its exact ratio and a live legibility sample.
📤 Export in four formats — Compose Theme.kt, Android colors.xml for values/ + values-night/, CSS --md-sys-color-*, or JSON with six tonal palettes at thirteen tones each.
🌈 The full Material palette — 19 palettes, 254 shades, name and hex, one tap to copy.
📱 Built to be used — free with no gate on export, works offline, follows the system theme, two-pane tablet layout, 15 languages.