Building a Color Palette — Roadmap Step & Resources
Primary, secondary, neutral and semantic (success/error/warning) colors that work together
- Level: beginner
- Estimated time: 2 days
- Roadmap: UI Design
Before this step
Mini projects
- Build a full UI color palette (primary, secondary, neutrals, semantic colors) for a fictional product
Study resources
- Refactoring UI: Color (Article) — Refactoring UI's widely-loved, practical book by Adam Wathan & Steve Schoger covers building usable palettes.
- How to Build a Color Palette Explained (Video) — A practical walkthrough of generating a full tint/shade scale from a base color.
Part of
- Color Theory — section
- UI Design roadmap — the full learning path