6 min read
2026-02-14
Choose the main color of the brand and build a palette around it using the rules of harmony.
Optimally 3–5 colors in the palette. Too many colors create visual chaos.
Text must have a contrast ratio of at least 4.5:1 to the background according to WCAG 2.1 standards.
For dark mode, don't invert the colors - choose individual shades with the right contrast.
About 8% of men cannot distinguish between red and green. Don't rely on color alone to convey information.
Add 2-3 shades of gray to your palette for text, backgrounds, and dividers.
Create a style guide with HEX codes, names and rules for using each color.
See also: Gradient generator, Color converter
Generate harmonious palettes with color locking, history and undo/redo
Open tool