Colors
UI Color palette
Colors

Base color brands

Base color weights

primary
10% lighter
5% lighter
base
5% darker
10% darker
default
10% lighter
5% lighter
base
5% darker
10% darker
warning
10% lighter
5% lighter
base
5% darker
10% darker
success
10% lighter
5% lighter
base
5% darker
10% darker
info
10% lighter
5% lighter
base
5% darker
10% darker
danger
10% lighter
5% lighter
base
5% darker
10% darker
dark
10% lighter
5% lighter
base
5% darker
10% darker
White
base
5% darker
10% darker

Material color palette

red
10% lighter
5% lighter
base
5% darker
10% darker
pink
10% lighter
5% lighter
base
5% darker
10% darker
purple
10% lighter
5% lighter
base
5% darker
10% darker
deeppurple
10% lighter
5% lighter
base
5% darker
10% darker
indigo
10% lighter
5% lighter
base
5% darker
10% darker
blue
10% lighter
5% lighter
base
5% darker
10% darker
lightblue
10% lighter
5% lighter
base
5% darker
10% darker
cyan
10% lighter
5% lighter
base
5% darker
10% darker
teal
10% lighter
5% lighter
base
5% darker
10% darker
green
10% lighter
5% lighter
base
5% darker
10% darker
lightgreen
10% lighter
5% lighter
base
5% darker
10% darker
lime
10% lighter
5% lighter
base
5% darker
10% darker
yellow
10% lighter
5% lighter
base
5% darker
10% darker
amber
10% lighter
5% lighter
base
5% darker
10% darker
orange
10% lighter
5% lighter
base
5% darker
10% darker
deeporange
10% lighter
5% lighter
base
5% darker
10% darker
brown
10% lighter
5% lighter
base
5% darker
10% darker
grey
10% lighter
5% lighter
base
5% darker
10% darker
bluegrey
10% lighter
5% lighter
base
5% darker
10% darker

Text color

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

یک بلوک خالی جهت ارسال متون خود

اعتبار کسب درآمد موفقیت است. دانه کانال های دور مدیریت محصول. عدم افشای ضوابط استراتژی رشد آندروید هک خریدار رامش.

Border color