skills.rest
shirulot
shirulotCOMMUNITY
Explore all skills by this author →
GitHub

Color Palette Generator

Generate WCAG-compliant color palettes with contrast ratio calculations.

Updated Jul 6, 2026
Search Tags:#design#branding#accessibility#ui-ux#colors#color-theory
One-click install
npx skills add https://github.com/shirulot/codex-skill --skill color-palette-generator-shirulot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Color Palette Generator
Source: https://github.com/shirulot/codex-skill/tree/main/color-palette-generator
Command: npx skills add https://github.com/shirulot/codex-skill --skill color-palette-generator-shirulot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the challenge of creating harmonious, accessible, and brand-aligned color schemes that meet professional design standards and WCAG accessibility requirements.

Core Features & Use Cases

  • Brand Palette Creation: Generates cohesive color systems based on brand personality and industry context.
  • Accessibility Auditing: Tests color combinations for WCAG 2.1 contrast compliance and suggests necessary adjustments.
  • UI/UX Scaling: Creates systematic color scales for light and dark modes, including semantic colors for status indicators.

Quick Start

Ask the color palette generator to create a professional color scheme for a new fintech mobile application.

Frequently Asked Questions about Color Palette Generator

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

FAQPage Schema
How do I generate accessible color palettes that meet WCAG standards?▼

Generate accessible color palettes by applying color theory and calculating WCAG 2.1 contrast ratios. This ensures visual consistency and inclusivity for digital interfaces by testing combinations and suggesting adjustments.

What's the best way to create a color scheme for UI/UX light and dark modes?▼

Create UI/UX color schemes for light and dark modes by generating systematic color scales. This includes developing semantic colors for status indicators to ensure visual consistency across both interface modes.

Can I audit existing color combinations for WCAG 2.1 contrast compliance?▼

Yes, you can audit existing color combinations for WCAG 2.1 contrast compliance. The process tests color combinations against standards and suggests necessary adjustments to ensure adherence.

How do I develop a brand color system based on industry context?▼

Develop a brand color system by generating cohesive color palettes based on brand personality and industry context. This ensures harmonious, brand-aligned schemes that meet professional design standards.

Does the color palette generator support semantic colors for status indicators?▼

Yes, the color palette generator supports semantic colors for status indicators. It creates systematic color scales for light and dark modes, including semantic colors to indicate status within digital interfaces.

Related Skills

Explore More Design & Creative Skills→
peterbamuhigirepeterbamuhigire
1

color-selection

Generate accessible color palettes from brand colors with WCAG AA verification.

Community
Advanced
ChiejiChieji

ui-ux-pro-max

Generate design-system-ready plans from styles, palettes, typography, and UX guidelines.

Community
Advanced
Pixel-Process-UGPixel-Process-UG
1

ui-ux-pro-max

Enforce accessibility, touch targets, and performance priorities in UI/UX design guidance.

Official
Advanced
lord-vinayaklord-vinayak

contrast-checker

Calculate color contrast ratios and evaluate WCAG 2.2 compliance.

Community
Advanced