Claude Code Plugins

Community-maintained marketplace

Feedback

colors

@JacbK/persona
6
0

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

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

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