Portfolio Color Palettes for Designers and Developers

Distinct portfolio palettes for personal brands, case studies, creative resumes and developer websites.

Almost black#09090B
Gallery#F4F4F5
Electric blue#3B82F6
Coral#FB7185
Violet#8B5CF6

Best for

  • Designer portfolios
  • Developer websites
  • Case studies
  • Creative resumes

Usage tips

  • Use one vivid accent for links and project actions.
  • Let project images carry most of the color.
  • Keep case study pages calmer than the homepage.

CSS variables

:root {
  --palette-1: #09090B;
  --palette-2: #F4F4F5;
  --palette-3: #3B82F6;
  --palette-4: #FB7185;
  --palette-5: #8B5CF6;
}

More color palette ideas

Website palettes
SaaS dashboard
Ecommerce
Luxury brand
Restaurant
Real estate