Agent-Skills.md

Agent Skills: Skill: Colors

Reference guide for portfolio color palettes. Includes quick vibe lookup, full palettes, and application guidelines using the 60-30-10 rule.

UncategorizedID: JacbK/jacob-kieser-portfolio/colors

Install this agent skill to your local

pnpm dlx add-skill https://github.com/JacbK/jacob-kieser-portfolio/tree/HEAD/.agent/skills/colors

Skill Files

Browse the full folder contents for colors.

Download Skill

Loading file tree…

.agent/skills/colors/SKILL.md

Skill Metadata

Name
colors
Description
Reference guide for portfolio color palettes. Includes quick vibe lookup, full palettes, and application guidelines using the 60-30-10 rule.

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