Flutter Theme Studio & Material 3 Builder
Build, test, and inspect normalized Flutter ThemeData and ColorScheme configurations with live widget previews, WCAG contrast checks, and complete Dart code generation.
Seed Palette Generator
Generate an entire harmonic Material 3 color palette from a single seed color.
Primary
Main key color for FABs & buttons
On Primary
Text & icons on primary color
Secondary
Less prominent accent components
On Secondary
Text & icons on secondary color
Tertiary
Balancing accent tone
On Tertiary
Text & icons on tertiary color
Surface
Cards, sheets, and dialogs
On Surface
Text & icons on surface
Background
Screen scaffold background
On Background
Body text on scaffold
Error
Validation errors & alerts
On Error
Text & icons on error
Outline
Component boundaries & dividers
Live CanvasKit Preview
Theme: Material 3 Light (Baseline)Brightness: lightScale: 1x