The brand color is one of the most intuitive visual elements used that is used to embody product characteristics and communicate ideas. When selecting colors, it is important to understand how the brand color is used in the user interface. In the basic color palette to choose the main color, we recommend choosing the color plate from the shallow depth of the sixth color as the main color. PCB Design system colors comes from logo, application scenarios include: key action point, the operation status, important information highlighting, graphics and other scenes.
Red-6 — Accents / Links / ButtonsHex #D40E14HSB 358 93 83
Blue-6 — Icons, CategoriesHex #004F95HSB 208 100 58
Green-6Hex #00855AHSB 161 100 52
Purple-6 — Icons, CategoriesHex #B70E77HSB 323 92 72
Orange-6 — Icons, CategoriesHex #EC6502HSB 25 99 93
Yellow-6Hex #FFD400HSB 50 100 100
Red-6 — Negative alertHex #D40E14HSB 358 93 83
Blue-6 — Neutral alertHex #004F95HSB 208 100 58
Green-1 — Positive alertHex #00855AHSB 161 100 52
Yellow-1 — Warning alertHex #FFD400HSB 50 100 100
Gray-8Hex #08162AHSB 215 81 16
Gray-7Hex #3B4150HSB 223 26 31
Gray-6Hex #787F90HSB 223 17 56
Gray-5Hex #B6BBC7HSB 222 9 78
Gray-4Hex #D5D8E0HSB 224 5 88
Gray-3Hex #ECEEF1HSB 216 2 95
Gray-2Hex #F4F5F7HSB 220 1 97
Gray-1 WhiteHex #FFFFFFHSB 0 0 100
Red-6Hex #D40E14HSB 358 93 83
Blue-6Hex #004F95HSB 208 100 58
Green-6Hex #00855AHSB 161 100 52
Purple-6 — Icons, CategoriesHex #B70E77HSB 323 92 72
Orange-6 — Icons, CategoriesHex #EC6502HSB 25 99 93
Yellow-1Hex #FFD400HSB 50 100 100