Color Design
Bin-UI comes with a well-designed color scheme by default. We recommend using these color palettes to achieve visual consistency in your development.
Design Principles
The default color scheme has 5 primary hues, each with multiple palette values derived from mixing with white. These colors should cover the color needs of most admin and middle-platform designs.
The color value mixing primarily references Stylus's mix function, with the JavaScript side implemented using the color.js library. The library provides some conversion functions that can be imported on demand.
Primary Colors
Custom Color Palettes
If the default color scheme doesn't meet your needs, you can use the following palettes. Different palette values are generated automatically for each base color.
Neutral Colors
Neutral colors include black, white, and gray. They are widely used in admin interface design. Choosing neutral colors wisely helps establish a clear visual hierarchy for page content.
Text Colors
Several text colors are provided. You can define your own in the palette.
Color Palette Tool
If the palettes above don't meet your needs, you can pick a primary color and a palette will be generated for you.
Note: Brightness and saturation are recommended to be above 70 for better results.