What problem does it solve?
This Skill transforms basic brand colors into complete, accessible, and psychologically resonant website color palettes, ensuring visual appeal and brand alignment.
Core Features & Use Cases
- Palette Generation: Creates harmonious color schemes (monochromatic, analogous, complementary, etc.) based on provided brand colors.
- Accessibility Compliance: Verifies and adjusts colors to meet WCAG AA contrast ratios (4.5:1 for text, 3:1 for UI elements).
- Industry Alignment: Tailors color choices to specific industry expectations and psychological associations.
- Output Formats: Generates color tokens for Tailwind CSS and CSS custom properties.
- Use Case: A startup provides their primary blue hex code. The Skill generates a full palette including secondary, accent, success, error, and neutral colors, ensuring they all work together and meet accessibility standards for their tech website.
Quick Start
Use the color-selection skill to generate a website color palette from the brand color #3B82F6.