color-palette-generator

Generate 8-12 color palettes from descriptions, moods, or images into HTML.

304|65|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/AlpacaLabsLLC/skills-for-architects --skill color-palette-generator-alpacalabsllc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: color-palette-generator
Source: https://github.com/AlpacaLabsLLC/skills-for-architects/tree/main/plugins/07-presentations/skills/color-palette-generator
Command: npx skills add https://github.com/AlpacaLabsLLC/skills-for-architects --skill color-palette-generator-alpacalabsllc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designing cohesive color systems from vague briefs used to be time-consuming and guesswork prone.

Core Features & Use Cases

  • Generate 8-12 harmonious colors from descriptions, moods, images, or brand references.
  • Ensure WCAG-compliant contrast, provide hex/RGB/HSL values, and an HTML self-contained output.
  • Use cases include branding, product interfaces, and presentation materials.

Quick Start

Type /color-palette-generator followed by a mood, image path, or starting color to generate a ready-to-use palette.

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 a cohesive color palette from a text description?

You generate a cohesive color palette by inputting a mood, description, or image path to produce 8-12 harmonious colors grouped into primary, secondary, neutral, and accent categories with accessibility guidance.

Can I get HTML and CSS variables from a generated color palette?

Yes, you can get HTML and CSS variables from a generated color palette. The output is a self-contained HTML file that includes CSS variables, contrast checks, and a harmony strip, requiring no external dependencies.

Does the generated color palette include WCAG contrast checks for accessibility?

Yes, the generated color palette includes WCAG contrast checks for accessibility. It provides contrast guidance alongside hex, RGB, and HSL values to ensure your brand design or digital product meets accessibility standards.

What is the best way to create a brand color system from a vague brief?

The best way to create a brand color system from a vague brief is to use a generator that applies color theory to output organized primary, secondary, neutral, and accent groups. This approach eliminates guesswork and ensures cohesive visual identity.

Can I use an image to generate a harmonious color scheme for digital products?

Yes, you can use an image to generate a harmonious color scheme for digital products. By providing an image path, the tool extracts and organizes 8-12 colors into structured groups with hex, RGB, and HSL values for immediate use.

Do I need any external dependencies to view the generated color palette output?

No, you do not need any external dependencies to view the generated color palette output. The tool produces a self-contained HTML file with CSS variables and a harmony strip, allowing you to view and use the colors independently.