Color Generator
Pick a seed color, preview tints & shades, and copy a ready-to-use Flutter snippet.
Tints & shades (for reference)
Flutter code
ColorScheme.fromSeed(seedColor: Color(0xFF0175C2))Pass this into ThemeData(colorScheme: ...) — Flutter generates the full tonal palette for you. This tool shows a quick visual preview only, not Material's exact algorithm.
Related Tools
JSON to Dart Converter
Convert JSON to Dart model classes. Generates fromJson, toJson, copyWith with null safety. Supports Freezed & json_serializable.
Dart Data Class Generator
Paste JSON and generate an immutable Dart data class with copyWith, toString, and equality — no JSON (de)serialization boilerplate.
// more about this tool
One seed color, a full palette
Material 3 builds an app's entire color scheme, primary, secondary, surface, error, and their variants, from a single seed color, rather than requiring you to pick every shade by hand. This tool lets you preview what Flutter's ColorScheme.fromSeed() actually produces from a given hex color before you commit to it in code.
Copy the exact Flutter snippet
Pick a seed color and copy a ready-to-use ColorScheme.fromSeed(seedColor: Color(0xFF...)) line straight into your ThemeData. No manual hex-to-Color conversion, no guessing whether the derived tones will actually look right together, since you're previewing the same algorithm Flutter uses internally.