Color collection
Photography Portfolio Palettes
Quiet portfolio palettes for photographers, visual artists, case studies, and image-led personal websites.
#3185D8Accent#AAD651Surface#EBEFF4Text#121921Support#CE82A8Photography Portfolio 20Photography / Portfolio / MinimalQuality 98Primary#3155D8Accent#D6BA51Surface#EBECF4Text#121521Support#CE8293Photography Portfolio 1Photography / Portfolio / MinimalQuality 95Primary#7431D8Accent#CD51D6Surface#F0EBF4Text#191221Support#CEA182Photography Portfolio 2Photography / Portfolio / MinimalQuality 95Primary#A331D8Accent#7CD651Surface#F2EBF4Text#1D1221Support#CEB682Photography Portfolio 5Photography / Portfolio / MinimalQuality 95Primary#D8317FAccent#D6BC51Surface#F4EBEEText#211218Support#A6CE82Photography Portfolio 6Photography / Portfolio / MinimalQuality 95Primary#D83150Accent#B3D651Surface#F4EBECText#211214Support#90CE82How 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.
CSS Variables
:root {
--primary: #3185D8;
--accent: #AAD651;
--surface: #EBEFF4;
--text: #121921;
--support: #CE82A8;
}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.