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
#000000on#FFFFFF(too harsh) - Multiple saturated colors competing
- Neon without purpose