brand-palette
CommunityCraft perfect brand colors, accessible and vibrant.
Design & Creative#accessibility#design system#brand identity#color palette#tailwind css#color generation
Authormalhashemi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps users create professional, accessible brand color palettes from scratch or by refining existing colors, ensuring visual harmony and brand consistency across digital products.
Core Features & Use Cases
- Guided Hue Selection: Assists in choosing primary and secondary brand colors based on brand identity and industry best practices using the RYB color wheel.
- Chroma & Tone Tuning: Helps define the saturation and lightness of colors to match brand personality (e.g., muted and sophisticated vs. vibrant and energetic).
- Automated Palette Generation: Creates full tonal scales (50-950) compatible with Obsidian's Palette plugin and generates Tailwind CSS configurations.
- Accessibility Validation: Includes APCA contrast ratio checks and optional auto-adjustment for accessible color combinations.
- Use Case: A startup needs a new brand identity. This Skill guides them through selecting hues like 'Blue' and 'Green', setting a 'balanced' chroma and 'versatile' tone, and generates a complete palette with accessible variations and Tailwind code.
Quick Start
Use the brand-palette skill to generate a palette starting with the color blue.
Dependency Matrix
Required Modules
coloraide
Components
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: brand-palette Download link: https://github.com/malhashemi/dotfiles/archive/main.zip#brand-palette Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.