🎨Palette Forge
← All posts
2026-04-29 · brand, method

How to pick brand colors in 2026 without the four-hour mood board

A working method for choosing five brand colors fast — primary, secondary, accent, light, dark — that survive both light mode and dark mode without endless tweaks.

Most brand color decisions die from too many opinions and too few constraints. The trick is to lock the constraints first.

Start with the surface, not the color. If your product runs on a dark dashboard, the surface dictates the brand. A brand color that pops on white usually mutes on charcoal, and vice versa. Decide the most common surface your users actually see, then pick a primary hue that sits comfortably on it with at least a 4.5:1 contrast ratio.

Pick the primary by emotion, then verify by math. Energetic brands lean to oranges and reds in the 0–30 hue range. Calm brands cluster around blues and teals at 180–220. Professional brands sit at 210–240 with low saturation. The mood selector in the generator above encodes these ranges so you do not have to hunt them down by hand.

Resist starting with five colors. Start with one. Pick a primary that you can defend in one sentence — "we are calm and credible, blue 215, lightness 50, saturation 45". Then derive the rest. Triadic gives you a safe accent. Split complementary gives you a louder one. Analogous keeps things quiet.

Light and dark are not optional. Generate a near-white tinted with your hue (saturation 8, lightness 96) and a near-black tinted the same way (saturation 8, lightness 11). Pure white and pure black surfaces feel detached from the brand; tinted neutrals feel intentional.

Run the contrast test before celebrating. Body text on light surface, body text on dark surface, primary button on each surface, accent badge on each surface. Anything below 4.5:1 in any pair is a bug, not a feature. The contrast table in the generator does this in one pass.

Ship the palette as tokens, not images. CSS variables, Tailwind config, Figma tokens — anything except hex codes glued into 47 components by hand. The export panel emits all four formats so designers and developers reference the exact same source of truth.

The goal is not the most beautiful palette. The goal is a palette your team stops debating after week one. Constraints, math, and a contrast check beat a four-hour mood board, every single sprint.

Try the tool
🎨 Generate a palette →
More reading