Ola Colors

Brand Colors

The brand colors (primary colors) are used in scenarios including key action points, operational statuses, highlighting of important information, and graphics.

Brand Colors (Primary Colors)

Accent Colors

The accent colors (secondary colors) are primarily used in graphic scenarios, in conjunction with the primary color.

Accent Colors (Secondary Colors)

Functional Colors

The functional color are applied in situations such as message notifications, feedback alerts, and status indications in button hover effects.

Functional Colors

Text Colors

Different text colors represent different levels of information hierarchy and information states.

Text Colors