Color collection

Photography Portfolio Palettes

Quiet portfolio palettes for photographers, visual artists, case studies, and image-led personal websites.

PhotographyPortfolioMinimal
Best for: photographers, art portfolios, case studies, and image-led websitesExport: CSS, Tailwind, JSON, SVGPreview: dashboard, landing, mobile UI

How to use these palettes

Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for photographers, art portfolios, case studies, and image-led websites. Choose neutral UI colors that do not compete with photos, then add one accent for navigation state.

Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.

UI previewPrimary
Card
Button
Accent

CSS Variables

:root {
  --primary: #3185D8;
  --accent: #AAD651;
  --surface: #EBEFF4;
  --text: #121921;
  --support: #CE82A8;
}
Text / Surface contrast: 15.32:1

FAQ

Where should I use photography portfolio palettes?

These palettes are designed for photographers, art portfolios, case studies, and image-led websites.

Can I copy these colors into a design system?

Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.

How do I avoid low contrast?

Choose neutral UI colors that do not compete with photos, then add one accent for navigation state.

Related color directions