🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
πŸ¦€ ClawHub✦ BytesAgain

Palette

by @ckchzh

Create and manage color palettes using color theory algorithms. Use when designing UIs or building brand color systems.

Versionv1.0.0
Downloads751
TERMINAL
clawhub install palette

πŸ“– About This Skill


name: palette version: "1.0.0" description: "Create and manage color palettes using color theory algorithms. Use when designing UIs or building brand color systems." author: BytesAgain homepage: https://bytesagain.com source: https://github.com/bytesagain/ai-skills tags: [color, palette, design, ui, css, branding]

Palette β€” Color Palette Generation & Management Tool

Generate harmonious color palettes using color theory (complementary, analogous, triadic), create random palettes, preview colors in terminal, export to CSS/JSON/SVG, and manage a library of saved palettes. Essential for designers, frontend developers, and anyone working with color systems.

Prerequisites

  • Python 3.8+
  • bash shell
  • Terminal with ANSI color support (for previews)
  • Data Storage

    All palette data is stored in ~/.palette/data.jsonl as newline-delimited JSON. Each record contains palette name, colors (hex values), color theory type, and metadata.

    Configuration is stored in ~/.palette/config.json.

    Commands

    create

    Create a new named palette from a list of hex color values.

    PALETTE_NAME="ocean-breeze" PALETTE_COLORS="#0077B6,#00B4D8,#90E0EF,#CAF0F8,#023E8A" bash scripts/script.sh create
    

    random

    Generate a random palette with a specified number of colors (default: 5). Optionally constrain by hue range or saturation.

    PALETTE_COUNT=5 PALETTE_HUE_MIN=180 PALETTE_HUE_MAX=270 bash scripts/script.sh random
    

    complementary

    Generate a complementary color palette from a base color. Returns the base color and its complement with optional shades.

    PALETTE_BASE="#FF6B35" PALETTE_SHADES=3 bash scripts/script.sh complementary
    

    analogous

    Generate an analogous color palette from a base color. Returns colors adjacent on the color wheel (Β±30Β°).

    PALETTE_BASE="#2EC4B6" PALETTE_COUNT=5 bash scripts/script.sh analogous
    

    triadic

    Generate a triadic color palette from a base color. Returns three colors equally spaced (120Β°) on the color wheel.

    PALETTE_BASE="#E71D36" PALETTE_SHADES=2 bash scripts/script.sh triadic
    

    export

    Export a palette to various formats: CSS custom properties, JSON, SVG swatches, Tailwind config, or SCSS variables.

    PALETTE_ID= PALETTE_FORMAT=css PALETTE_OUTPUT=./colors.css bash scripts/script.sh export
    

    preview

    Display a palette in the terminal using ANSI color blocks. Shows hex values, RGB, and HSL alongside color swatches.

    PALETTE_ID= bash scripts/script.sh preview
    

    list

    List all saved palettes with their names, color counts, and creation dates.

    bash scripts/script.sh list
    

    save

    Save/bookmark the most recently generated palette with a name and optional tags for organization.

    PALETTE_NAME="sunset-vibes" PALETTE_TAGS="warm,sunset,gradient" bash scripts/script.sh save
    

    config

    View or update configuration (default color count, preferred format, terminal color mode).

    PALETTE_KEY=default_count PALETTE_VALUE=7 bash scripts/script.sh config
    

    help

    Show usage information and available commands.

    bash scripts/script.sh help
    

    version

    Display the current version of the palette skill.

    bash scripts/script.sh version
    

    Examples

    # Generate a triadic palette from a brand color
    PALETTE_BASE="#6C63FF" bash scripts/script.sh triadic

    Save it with a name

    PALETTE_NAME="brand-triadic" bash scripts/script.sh save

    Preview in terminal

    PALETTE_ID= bash scripts/script.sh preview

    Export as CSS custom properties

    PALETTE_ID= PALETTE_FORMAT=css PALETTE_OUTPUT=./brand-colors.css bash scripts/script.sh export

    Color Theory Quick Reference

  • Complementary: Opposite on the color wheel (high contrast)
  • Analogous: Adjacent colors (harmonious, low contrast)
  • Triadic: Three equidistant colors (vibrant, balanced)
  • Random: Algorithmically generated with optional constraints
  • Notes

  • Colors are stored and processed as hex values internally, converted to RGB/HSL as needed.
  • Terminal preview requires a terminal that supports 24-bit (truecolor) ANSI codes.
  • Export formats include CSS, JSON, SVG, SCSS, and Tailwind β€” easily extensible.

  • Powered by BytesAgain | bytesagain.com | hello@bytesagain.com

    πŸ’‘ Examples

    # Generate a triadic palette from a brand color
    PALETTE_BASE="#6C63FF" bash scripts/script.sh triadic

    Save it with a name

    PALETTE_NAME="brand-triadic" bash scripts/script.sh save

    Preview in terminal

    PALETTE_ID= bash scripts/script.sh preview

    Export as CSS custom properties

    PALETTE_ID= PALETTE_FORMAT=css PALETTE_OUTPUT=./brand-colors.css bash scripts/script.sh export

    βš™οΈ Configuration

  • Python 3.8+
  • bash shell
  • Terminal with ANSI color support (for previews)
  • πŸ“‹ Tips & Best Practices

  • Colors are stored and processed as hex values internally, converted to RGB/HSL as needed.
  • Terminal preview requires a terminal that supports 24-bit (truecolor) ANSI codes.
  • Export formats include CSS, JSON, SVG, SCSS, and Tailwind β€” easily extensible.

  • Powered by BytesAgain | bytesagain.com | hello@bytesagain.com