Skill: Colors

Reference guide for portfolio color palettes.

Quick Lookup by Vibe

Frontend devs, clean professional look

code

#F4F4F4 background   #2E2E2E text
#FFFFFF surface      #4A90E2 accent

Designers, personality-forward

code

#1B1B1B background   #FFFFFF text
#F8B400 primary      #E63946 secondary

Backend, AI, cybersecurity

code

#0F172A background   #F4F4F4 text
#22D3EE accent       #64748B muted

Sustainability, ethical tech

code

#FFFFFF background   #264653 primary
#E9C46A accent       #2A9D8F secondary

Senior devs, consultants

code

#1C1C1C background   #F4F4F4 text
#BFA181 primary      #D4C5B0 secondary

Wellness, personal brands

code

#F3EEE9 background   #E1D3CA secondary
#C4737C primary      #DFA0F3 accent

Photography, contemplative

code

#272930 background   #121315 deep
#17191A surface      #B8B8CA accent

Nature-focused elegance

code

#1C1C1C background   #1B2922 deep
#435146 primary      #4A6958 secondary

Lifestyle, warmth

code

#273231 background   #17191A deep
#EEC5A0 primary      #AD6E54 accent

Monochromatic tech

code

#141413 background   #AFACA1 primary
#BDBBB2 secondary    #C9C8BF tertiary

60-30-10 Rule: 60% background, 30% secondary, 10% accent