Material Theme Builder
A Material Design 3 theme builder with dynamic color generation, brand customization, and cross-platform code export.
Product Overview
Dynamic Color: Generates light/dark themes from device wallpaper HCT color picker for precise hue, chroma, and tone adjustments Theme Customization: Core colors: Primary, Secondary, Tertiary, Error, Neutral Extended colors: Add custom semantic colors (e.g., caution, onCaution) Cross-platform Support: Export formats: Android (Jetpack Compose), Flutter, Web (CSS variables), JSON Figma plugin: Real-time theme application in design workflows Workflow 1. Select dynamic colors (wallpaper-based) or custom brand colors 2. Adjust color roles and state layers 3. Export code or JSON for project integration
Best For
Android and web developers building Material Design 3 apps who need dynamic theming with proper accessibility.
Key Features
- Dynamic color generation from device wallpaper for light/dark themes
- HCT color picker for precise hue, chroma, and tone adjustments
- Core color editing for Primary, Secondary, Tertiary, Error, Neutral
- Custom semantic color support with extended color roles
- Cross-platform code export for Material Design 3 implementation
Pros
- +Full Material Design 3 specification compliance
- +HCT color space provides perceptually accurate color adjustments
- +Generates complete light and dark theme pairs automatically
Cons
- -Only useful for Material Design 3 projects
- -Learning curve for understanding HCT color space and M3 roles
/// SPECS
- Pricing:Free
Atmos
A UI design color tool with LCH/OKLCH editing, contrast checking, and multi-platform export for professional palette creation.
Palettemaker
An AI color palette generator with live preview on real designs, free to use and supporting multi-format export.
Color Namer
An interesting tool that finds a vivid, descriptive name for any hex color code.
Happy Hues
Learn Color Palettes in a Real-World Context
Colormind
Colormind is a color scheme generator that uses deep learning. It can learn color styles from photographs, movies, and popular art.
ColorSpace
A color palette and gradient generator supporting color input for palettes and 3-color gradient creation.
Color Designer
A comprehensive color tool platform with 12 tools including palette generators, gradients, and color pickers, supporting professional color management and multi-format export.
Color Schemer
A color scheme generation tool with 30+ algorithms and resource libraries, supporting Mac and PC platforms to enhance design efficiency.
Alphredo
An alpha color generator that creates translucent colors visually matching their opaque counterparts, with background and saturation adjustment support.
BrandColors
The Official Color Code Library for the World's Biggest Brands