Color themes
Stay organized with collections
Save and categorize content based on your preferences.
The system creates a theme for your app's media controls by sourcing a seed
color from the current media entity's artwork. The Material 3 Expressive dynamic
theme algorithm generates a secondary, tertiary and neutral palette. This theme
reflects across the rest of the app screens.
Examples of color themes
The following sections show examples of color themes.
Example 1
Color palette (from artwork seed color)
Media controls
Overflow app screen
Example 2
Color palette (from artwork seed color)
Media controls
Overflow app screen
Example 3
Color palette (from artwork seed color)
Media controls
Overflow app screen
Fallback theme
To prepare for an instance where there is no artwork, or seed color available,
the system uses a fallback theme based on the user's current watch face.
You can also choose to use a monochrome palette and seed color in your media
app. In this case, the media entity's artwork doesn't appear on the media
controls screen.
Color palette (from Watchface/SysUI color)
Media controls
Overflow app screen
Color palette (monochrome color palette)
Media controls
Overflow app screen
Content and code samples on this page are subject to the licenses described in the Content License. Java and OpenJDK are trademarks or registered trademarks of Oracle and/or its affiliates.
Last updated 2025-07-02 UTC.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-07-02 UTC."],[],[],null,["# Color themes\n\nThe system creates a theme for your app's media controls by sourcing a seed\ncolor from the current media entity's artwork. The Material 3 Expressive dynamic\ntheme algorithm generates a secondary, tertiary and neutral palette. This theme\nreflects across the rest of the app screens.\n\nExamples of color themes\n------------------------\n\nThe following sections show examples of color themes.\n\n### Example 1\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Example 2\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Example 3\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\nFallback theme\n--------------\n\nTo prepare for an instance where there is no artwork, or seed color available,\nthe system uses a fallback theme based on the user's current watch face.\n\nYou can also choose to use a monochrome palette and seed color in your media\napp. In this case, the media entity's artwork doesn't appear on the media\ncontrols screen.\n\n### System media controls (fallback)\n\n\u003cbr /\u003e\n\nColor palette (from Watchface/SysUI color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Media app controls (fallback) - mono\n\n\u003cbr /\u003e\n\nColor palette (monochrome color palette)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e"]]
