color-palette

Generate complementary, analogous, and triadic color schemes with WCAG contrast checks and CSS variable exports.

22|8|Updated Mar 14, 2026
One-click install
npx skills add https://github.com/inbharatai/claude-skills --skill color-palette-inbharatai
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: color-palette
Source: https://github.com/inbharatai/claude-skills/tree/main/skills/color-palette
Command: npx skills add https://github.com/inbharatai/claude-skills --skill color-palette-inbharatai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps users generate and manage color palettes for design projects, ensuring visual harmony and accessibility.

Core Features & Use Cases

  • Scheme Generation: Creates complementary, analogous, and triadic color schemes.
  • WCAG Contrast Checks: Validates color combinations for accessibility standards.
  • CSS Variable Export: Outputs palettes as CSS variables for easy integration.
  • Use Case: A web designer needs a cohesive color scheme for a new website. They can use this Skill to generate a primary palette, check its contrast ratios, and export it as CSS variables.

Quick Start

Generate a triadic color scheme based on the color #4A90E2.

Frequently Asked Questions about color-palette

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

FAQPage Schema
How do I generate a complementary color scheme and check WCAG contrast?

To generate a complementary color scheme and check WCAG contrast, the Skill creates harmonious palettes from a base color and automatically validates their contrast ratios against accessibility standards.

What's the best way to export a color palette as CSS variables?

The best way to export a color palette as CSS variables is to use a generation tool that outputs the harmonious color schemes directly into CSS variable syntax, ensuring immediate integration into web design stylesheets.

Can I generate triadic and analogous color schemes without external libraries?

Yes, you can generate triadic and analogous color schemes without external libraries because the core functionality operates independently, automating color selection and visual harmony validation without requiring additional dependencies.

When do I need WCAG contrast checks for my color palette?

You need WCAG contrast checks for your color palette when building accessible web designs, ensuring that text and background color combinations meet visual accessibility standards for users with visual impairments.

Does this color palette generator support automated accessibility validation?

Yes, this color palette generator supports automated accessibility validation by running WCAG contrast checks on the generated complementary, analogous, and triadic color schemes to ensure they meet compliance standards.