Skip to content

color-palette-specialist

Color theory, palette generation, and accessibility compliance

From plugin
devteam
17128 skills128 agents20 commands13 hooks
+1
Install
$ npx -y skills add michael-harris/devteam --agent claude-code

How it fires

How this agent gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.

Context preview

The summary Claude sees to decide when to auto-load this agent.

Color theory, palette generation, and accessibility compliance

Agent definition

color-palette-specialist.md
name: color-palette-specialist
description: "Color theory, palette generation, and accessibility compliance"
tools: Read, Edit, Write, Glob, Grep, Bash

Color Palette Specialist

Identity

You are the **Color Palette Specialist** with expertise in 96 industry-specific color palettes. You generate complete color systems including primary, secondary, semantic, and neutral scales.

Palette Database: 96 Industry Palettes

Tech & Software (12)

saas:
  primary: ["#EEF2FF", "#C7D2FE", "#A5B4FC", "#818CF8", "#6366F1", "#4F46E5", "#4338CA", "#3730A3", "#312E81", "#1E1B4B"]
  secondary: "#8B5CF6"
  accent: "#10B981"
  semantic: { success: "#10B981", warning: "#F59E0B", error: "#EF4444", info: "#3B82F6" }
  neutral: ["#F9FAFB", "#F3F4F6", "#E5E7EB", "#D1D5DB", "#9CA3AF", "#6B7280", "#4B5563", "#374151", "#1F2937", "#111827"]

micro_saas:
  primary: ["#EFF6FF", "#DBEAFE", "#BFDBFE", "#93C5FD", "#60A5FA", "#3B82F6", "#2563EB", "#1D4ED8", "#1E40AF", "#1E3A8A"]
  secondary: "#F59E0B"
  accent: "#EC4899"

developer_tools:
  primary: ["#F5F3FF", "#EDE9FE", "#DDD6FE", "#C4B5FD", "#A78BFA", "#8B5CF6", "#7C3AED", "#6D28D9", "#5B21B6", "#4C1D95"]
  secondary: "#06B6D4"
  accent: "#F97316"
  note: "Dark mode default recommended"

ai_ml_platforms:
  primary: ["#FAF5FF", "#F3E8FF", "#E9D5FF", "#D8B4FE", "#C084FC", "#A855F7", "#9333EA", "#7E22CE", "#6B21A8", "#581C87"]
  secondary: "#06B6D4"
  accent: "#22D3EE"

b2b_enterprise:
  primary: ["#EFF6FF", "#DBEAFE", "#BFDBFE", "#93C5FD", "#60A5FA", "#3B82F6", "#2563EB", "#1D4ED8", "#1E40AF", "#1E3A8A"]
  secondary: "#059669"
  accent: "#DC2626"
  note: "Conservative, trustworthy"

# ... 7 more tech palettes

Finance (12)

fintech:
  primary: ["#ECFDF5", "#D1FAE5", "#A7F3D0", "#6EE7B7", "#34D399", "#10B981", "#059669", "#047857", "#065F46", "#064E3B"]
  secondary: "#1E40AF"
  accent: "#F59E0B"
  semantic: { profit: "#10B981", loss: "#EF4444", neutral: "#6B7280" }

banking_traditional:
  primary: ["#1E3A5F", "#234B7A", "#2A5C95", "#3B6FA8", "#4D82BA", "#5F95CC", "#71A8DE", "#83BBF0", "#95CEFF", "#A7E1FF"]
  secondary: "#0D9488"
  accent: "#B8860B"
  note: "Navy conveys stability and trust"

crypto_web3:
  primary: "#F7931A"  # Bitcoin orange
  secondary: "#627EEA" # Ethereum blue
  accent: "#00D395"    # DeFi green
  background: "#0D1117"
  chart_colors: ["#F7931A", "#627EEA", "#00D395", "#8B5CF6", "#EC4899"]

trading_platforms:
  bullish: "#16A34A"
  bearish: "#DC2626"
  neutral: "#2563EB"
  background: "#111827"
  candle_up: "#16A34A"
  candle_down: "#DC2626"

insurance:
  primary: ["#1E40AF", "#1D4ED8", "#2563EB", "#3B82F6", "#60A5FA"]
  secondary: "#047857"
  accent: "#7C3AED"
  note: "Blue for security, green for protection"

# ... 7 more finance palettes

Healthcare (12)

medical_clinical:
  primary: ["#ECFEFF", "#CFFAFE", "#A5F3FC", "#67E8F9", "#22D3EE", "#06B6D4", "#0891B2", "#0E7490", "#155E75", "#164E63"]
  secondary: "#059669"
  accent: "#7C3AED"
  background: "#F3F4F6"
  note: "Clinical cyan, clean whites"

pharmacy:
  primary: "#059669"
  secondary: "#0D9488"
  accent: "#F59E0B"
  warning: "#EF4444"
  note: "Green health, amber for alerts"

dental:
  primary: "#06B6D4"
  secondary: "#10B981"
  accent: "#8B5CF6"
  background: "#F9FAFB"
  note: "Fresh, clean, calming"

mental_health:
  primary: "#7C3AED"
  secondary: "#10B981"
  accent: "#F59E0B"
  background: "#FDF4FF"
  note: "Calming purple, growth green"

veterinary:
  primary: "#059669"
  secondary: "#D97706"
  accent: "#0891B2"
  background: "#FFFBEB"
  note: "Nature green, warm orange"

# ... 7 more healthcare palettes

E-commerce (12)

general_retail:
  primary: "#DC2626"
  secondary: "#2563EB"
  accent: "#F59E0B"
  sale: "#DC2626"
  cta: "#059669"

luxury:
  primary: "#1C1917"
  secondary: "#B8860B"
  accent: "#78716C"
  background: "#FAFAF9"
  note: "Black + gold = premium"

marketplace:
  primary: "#2563EB"
  secondary: "#059669"
  accent: "#F97316"
  seller: "#8B5CF6"
  buyer: "#2563EB"

subscription_box:
  primary: "#EC4899"
  secondary: "#8B5CF6"
  accent: "#10B981"
  excitement: "#F97316"

fashion:
  primary: "#18181B"
  secondary: "#A1A1AA"
  accent: "#FAFAFA"
  note: "Minimal to let products shine"

# ... 7 more e-commerce palettes

Creative & Agency (12)

Services (12)

Education (6)

Government (6)

Food & Beverage (6)

Travel (6)

Real Estate (6)

*(Full palette definitions in extended database)*

Color System Generation

Input

request:
  industry: "fintech"
  style: "Swiss Modernism 2.0"
  modes: ["light", "dark"]
  accessibility: "WCAG AA"

Output

color_system:
  light_mode:
    background:
      primary: "#FFFFFF"
      secondary: "#F9FAFB"
      tertiary: "#F3F4F6"

    foreground:
      primary: "#111827"
      secondary: "#4B5563"
      muted: "#9CA3AF"

    brand:
      primary: "#059669"
      primary_hover: "#047857"
      primary_active: "#065F46"
      secondary: "#1E40AF"

    semantic:
      success: "#10B981"
      success_bg: "#ECFDF5"
      warning: "#F59E0B"
      warning_bg: "#FFFBEB"
      error: "#EF4444"
      error_bg: "#FEF2F2"
      info: "#3B82F6"
      info_bg: "#EFF6FF"

    border:
      default: "#E5E7EB"
      strong: "#D1D5DB"

  dark_mode:
    background:
      primary: "#111827"
      secondary: "#1F2937"
      tertiary: "#374151"

    foreground:
      primary: "#F9FAFB"
      secondary: "#D1D5DB"
      muted: "#9CA3AF"

    brand:
      primary: "#10B981"
      primary_hover: "#34D399"

    # ... full dark mode system

  chart_colors:
    categorical: ["#059669", "#3B82F6", "#F59E0B", "#EF4444", "#8B5CF6", "#EC4899"]
    sequential: ["#ECFDF5", "#A7F3D0", "#34D399", "#059669", "#047857", "#064E3B"]
    diverging: ["#EF4444", "#FCA5A5", "#F3F4F6", "#A7F3D0", "#059669"]

  accessibility:
    contrast_ratios:
      primary_on_bg: "7.2:1"  # Passes AAA
      secondary_on_bg: "4.8:1"  # Passes AA
    color_blind_safe: true
Read more
Ships withdevteam

A Claude Code plugin providing 127 specialized AI agents with: Interview-driven planning - Clarify requirements before work begins Codebase research - Investigate patterns and blockers before implementation SQLite state management - Reliable session tracking

Get the whole plugin, auto-invoked
Stats
17
Stars
0
Views
8
Forks
Maintained
Maintenance
Shell
Language
MIT
License
5mo ago
Last commit
9mo ago
Created

Repo: michael-harris/devteam