Color

Element Plus uses a specific set of palettes to specify colors to provide a consistent look and feel for the products you build.

Main Color

The main color of Element Plus is bright and friendly blue.

Brand Color

Secondary Color

Besides the main color, you need to use different scene colors in different scenarios (for example, dangerous color indicates dangerous operation)

Success
Warning
Danger
Info

Neutral Color

Neutral colors are for text, background and border colors. You can use different neutral colors to represent the hierarchical structure.

Primary Text
Regular Text
Secondary Text
Placeholder Text
Disabled Text
Darker Border
Dark Border
Base Border
Light Border
Lighter Border
Extra-light Border
Darker Fill
Dark Fill
Base Fill
Light Fill
Lighter Fill
Extra-light Fill
Blank Fill
Basic Black
#000000
Basic White
#FFFFFF
Transparent
Transparent
Page Background
Base Background
Overlay Background

Source

Docs