M3E applies the Material Design 3 color system allowing you to create accessible and personalized color schemes that cascade to every component.

The Material Design 3 design tokens are implemented as custom CSS properties. Design tokens are named, platform-agnostic variables that represent visual design decisions—such as color, typography, spacing, and elevation—in a reusable, consistent format.

Color tokens are surfaced using the standardized prefix --md-sys-color-* supporting use of the Material Theme Builder.

Static colors refer to predefined, spec-aligned colors that do not automatically adapt to system settings. The --md-sys-color-* custom CSS properties default to the baseline values for light mode.

Dynamic color refers to runtime-generated color schemes derived from a single source color, allowing personalized theming that adapts to system settings. M3E provides the Theme component, which leverages the @material/material-color-utils library to apply dynamic color to theme-aware elements.

M3E honors forced-colors mode by dynamically adapting component styles to ensure legibility, contrast, and semantic clarity in high-contrast environments.