Share
Sign In
Colors
Key points
1.
Limit your color choices.
2.
Clean up your color palette by unifying similar shades into a single hex color.
Limit color choices
2.1 Using too many colors will clutter the design. Use as few colors as possible and stick to complementary colors.
Complementary colors guide viewers to read important information.
Clashing colors make the design look hectic.
Color themes
You can use preset color themes in the Themes tab.
How to use color themes:
Go to Themes and select a color theme. Shuffle to browse through options quickly.
Apply to all pages if you want all pages to have the same color theme.
Formatting colors
Multiple colors
2.2 Use a single hex value for similar shades to make your template easily editable. Keep your color palette clean.
Users should be able to easily change colors of vector illustrations. If your design has multiple colors for similar shades, users will have to tediously change colors one by one.
Use one color palette for similar shades.
The three colors above can be replaced with a single black color.
Black and white
2.3 Set shades that are close to black or white as #FFFFFF or #000000.
Set black colors to #000000 and white colors to #FFFFFF.
Don't use confusing colors palettes that make it difficult for the user to edit.
How to adjust color palette
Select an element or text in your canvas. In the left panel, adjust colors.
Gradients
Adding gradient details can enhance your design's quality. Play around with gradient color combinations to add more visual interest.
Using gradients in shapes and backgrounds can add depth to your design.
Text gradients are also a good way to enhance your design's quality.
How to add gradients
Select a shape or text in your canvas. In the left panel, click Colors > Gradation.
ⓒ 2024. MIRI D.I.H Co., Ltd. All rights reserved.