Skill: Colors

Reference guide for portfolio color palettes.

---

Quick Lookup by Vibe

Vibe	Palette	Key Colors
Professional	Minimalist	#F4F4F4 #2E2E2E #4A90E2
Creative	Bold	#1B1B1B #F8B400 #E63946
Technical	Tech	#0F172A #22D3EE #64748B
Approachable	Earthy	#E9C46A #264653 #2A9D8F
Luxury	Elegant	#1C1C1C #BFA181 #D4C5B0
Calm	Soft	#F3EEE9 #C4737C #DFA0F3
Mysterious	Night	#272930 #17191A #B8B8CA
Nature	Forest	#1C1C1C #435146 #4A6958

---

Full Palettes

Minimalist & Modern

Frontend devs, clean professional look

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

Bold & Creative

Designers, personality-forward

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

Tech & Futuristic

Backend, AI, cybersecurity

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

Earthy & Trustworthy

Sustainability, ethical tech

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

Elegant & High-End

Senior devs, consultants

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

Calm Down

Wellness, personal brands

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

Night Wander

Photography, contemplative

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

ReGrowth (Forest)

Nature-focused elegance

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

Sahara Elegance

Lifestyle, warmth

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

Minimal Luxury

Monochromatic tech

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

---

Application

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

Element	Color Role
Page background	Background
Headers, nav, buttons	Primary
Cards, surfaces	Secondary
CTAs, links, hover	Accent

---

Avoid

• Anthropic coral/orange (#FF6B35, #E76F51)
• Pure #000000 on #FFFFFF (too harsh)
• Multiple saturated colors competing
• Neon without purpose