# Building Your Color Palette - refactoringui.com Synced: [[2023_11_30]] 6:03 AM Last Highlighted: [[2023_07_25]] Tags: [[design]]  ## Highlights [[2023_07_25]] [View Highlight](https://read.readwise.io/read/01h663a3g8b32qd5jmwjpbc6mj) [[design]] > Most sites need one, *maybe* two colors that are used for primary actions, emphasizing navigation elements, etc. These are the colors that determine the overall look of a site [[2023_07_25]] [View Highlight](https://read.readwise.io/read/01h663cdctmtv5emqe3zxzefmh) > When you need to create a lighter or darker variation of a color in your palette, don't get clever using CSS preprocessor functions like "lighten" or "darken" to create shades on the fly. That's how you end up with 35 *slightly* different blues that all look the same [[2023_07_25]] [View Highlight](https://read.readwise.io/read/01h663fxm0nxmww42etzw79wy0) > Just try to avoid adding *new* shades too often if you can avoid it. If you're not dilligent about limiting your palette, you might as well have no color system at all.