How to pick colors for a portfolio site without making it about the colors

1. The frame vs. the painting

Think of your portfolio palette as a picture frame. A good frame draws attention to the art, not to itself. The same principle applies here.

• Use neutral or near-neutral backgrounds behind project thumbnails.
• Avoid bright section fills that clash with project screenshots.
• Let your accent color appear in small moments — nav links, tags, hover states.

2. Case studies need different treatment than the homepage

Your homepage can have personality. Your case study pages need to be reading-friendly above everything else.

• Use white or very light gray for case study body sections.
• Keep body text at #111827 or #1F2937 — not a tinted color.
• Use the accent sparingly for section labels, pull quotes, and links.

3. One accent, used consistently

The most memorable personal brand palettes I've seen use one accent color and use it everywhere — but sparingly.

• Pick one color that feels like you. Use it for the active nav item, CTA, and hover states.
• Repeat it in the same contexts across every page so it becomes recognizable.
• Don't introduce a second accent for the 'about' page or a third for the blog.

Common mistakes

• Using a loud gradient background behind every project thumbnail.
• Introducing a new accent color on each page for variety.
• Forgetting to test long case study pages — only checking the homepage.

Before you ship

• Test thumbnails on a neutral background first.
• Keep case study body sections white or near-white.
• Use one accent color consistently across all pages.
• Check the palette on a long case study, not just the hero.