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

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}}

Base Border

{{borderBase}}

Light Border

{{borderLight}}

Lighter Border

{{borderLighter}}

Extra Light Border

{{borderExtraLight}}

Basic Black

{{black}}

Basic White

{{white}}

Transparent

Transparent