colors

Generate standardized color palettes following the 60-30-10 rule for portfolios.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/willhammondhimself/portfolio --skill colors-willhammondhimself
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: colors
Source: https://github.com/willhammondhimself/portfolio/tree/main/.agent/skills/colors
Command: npx skills add https://github.com/willhammondhimself/portfolio --skill colors-willhammondhimself

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers often struggle to pick cohesive color systems for portfolios and ensure consistent usage across assets. This guide provides a quick reference of vibes, full palettes, and practical application guidelines to streamline color decisions.

Core Features & Use Cases

  • Quick Lookup by Vibe: maps common vibes to curated palettes and key colors to accelerate design decisions.
  • Full Palettes: presents color systems aligned with the 60-30-10 rule for background, surface, and accent usage.
  • Application Guidelines: explains where to apply background, primary, secondary, and accent colors and provides avoidance notes.

Quick Start

Choose a vibe from the quick lookup and apply the matching palette following the 60-30-10 rule.

Frequently Asked Questions about colors

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose a cohesive color palette for my portfolio?

Choosing a cohesive color palette involves mapping your desired vibe to a curated set of colors and applying them using the 60-30-10 rule. This ensures consistent background, surface, and accent distribution across all branding assets.

What is the 60-30-10 rule in design guidelines?

The 60-30-10 rule in design guidelines dictates allocating 60% of a color system to backgrounds, 30% to surfaces, and 10% to accents. This framework ensures cohesive color usage across UI design and marketing assets.

How do I apply color theory to UI design assets?

Apply color theory to UI design assets by selecting a vibe-based palette and following application guidelines for primary, secondary, and accent colors. This ensures consistent branding and cohesive color usage across all marketing channels.

Can I use these color palettes for marketing assets beyond portfolios?

Yes, you can use these color palettes for marketing assets beyond portfolios. The standardized color systems and vibe-based lookups apply directly to branding, UI design, and any marketing channels requiring cohesive color usage.

When do I need a standardized color system for my branding workflow?

You need a standardized color system for your branding workflow when struggling to pick cohesive colors for portfolios and ensuring consistent usage across assets. It streamlines design decisions by providing quick palette lookups and application guidelines.

What's the best way to avoid inconsistent color usage across design channels?

The best way to avoid inconsistent color usage across design channels is to conform to the 60-30-10 color rule and follow explicit application guidelines. This framework maps specific colors to backgrounds, surfaces, and accents while providing avoidance notes.