element-plus/website/docs/en-US/color.md

6.4 KiB

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
#409EFF

Secondary Color

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

Success
#67C23A
Warning
#E6A23C
Danger
#F56C6C
Info
#909399

Neutral Color

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

Primary Text
{{textPrimary}}
Regular Text
{{textRegular}}
Secondary Text
{{textSecondary}}
Placeholder Text
{{textPlaceholder}}
Basic Black
{{black}}
Basic White
{{white}}
Transparent
Transparent