Color

MoMo cung cấp một bảng màu tiêu chuẩn và hướng dẫn sử dụng để giúp các nhà thiết kế tạo ra trải nghiệm thương hiệu nhất quán.

Website MoMo sử dụng bảng màu được xác định dưới đây cho các thành phần UI được sử dụng chính thức trên Website.

Màu sắc sử dụng theo tỉ lệ tương phản từ 3.0:1 trở lên để có được khả năng tiếp cận tốt nhất.

Branding color

pink

colors.pink

50

#fef1f9

100

#fee5f6

200

#fecced

300

#ffa2df

400

#fe68c6

500

#EB2F96

600

#D42A87

700

#CB0B6F

800

#A70D5B

900

#8B104E

Color

gray

colors.gray

50

#FAFAFA

100

#F5F5F5

200

#E5E5E5

300

#D4D4D4

400

#A3A3A3

500

#737373

600

#525252

700

#404040

800

#262626

900

#171717

blue

colors.blue

50

#eef8ff

100

#d9eeff

200

#bce1ff

300

#8ed0ff

400

#59b4ff

500

#429cff

600

#1b74f5

700

#145ee1

800

#174bb6

900

#19428f

green

colors.green

50

#f1fcf3

100

#dff9e5

200

#c0f2cc

300

#8fe6a4

400

#57d175

500

#34c759

600

#22973f

700

#1e7735

800

#1d5e2e

900

#194e28

red

colors.red

50

#fff1f2

100

#ffe1e3

200

#ffc8cb

300

#ffa1a6

400

#fe6b73

500

#f74e57

600

#e41e29

700

#c0151e

800

#9e161d

900

#83191f

purple

colors.purple

50

#faf5ff

100

#f4e9fe

200

#ead6fe

300

#dab6fc

400

#c487f9

500

#ab55f3

600

#9937e6

700

#8326ca

800

#6f24a5

900

#5b1e85

orange

colors.orange

50

#fff4ed

100

#ffe6d5

200

#fecaaa

300

#fea473

400

#fc743b

500

#fa541c

600

#eb350b

700

#c3240b

800

#9b1e11

900

#7c1c12

yellow

colors.yellow

50

#fffee7

100

#fffec1

200

#fff886

300

#ffec41

400

#ffdb0d

500

#ffcc00

600

#d19500

700

#a66a02

800

#89530a

900

#74430f

Design Tokens Base Size