Color Palette Generator
Generate professional color palettes with hex codes and accessibility checks
What You Can Do
Generate professionally organized color palettes from theme descriptions, URLs, or hex codes you provide. Claude researches color standards, extracts values, organizes them dark-to-light, and produces interactive SVG reference sheets with copy-to-clipboard functionality and WCAG contrast verification. Use it to build brand guidelines, design system documentation, or quick color references for any project.
Features
research included automatically
Example Output
Example 1 — Theme-Based Palette Input: "Coral Sunset"
Output: SVG palette with 5 swatches from deep coral (#8B4545) to pale peach (#FFF0E6), each labeled with hex code, RGB, and CSS variable names. Accessibility report shows all text colors meet WCAG AA contrast on white backgrounds.
Example 2 — URL-Source Palette Input: "https://www.pantone.com/connect/color-of-the-year"
Output: Extracted palette matching Pantone's current color standard, organized light-to-dark with click-to-copy hex codes and usage notes (primary, secondary, accent roles).
Example 3 — Custom Hex Input Input: "#2C3E50, #3498DB, #E74C3C"
Output: Reorganized palette expanding your 3 colors into 5-color gradient variants, dark-to-light, with CSS variable naming (--color-dark, --color-primary, --color-light).
What's Included
- SKILL.md instruction file with research, palette structure, and SVG generation steps:
- Color research workflow: automatically fetches from URLs or searches by theme
- Accessibility verification template: WCAG contrast ratio checks for all swatches
- SVG output format: click-to-copy hex codes, CSS variable support, hover interactions
- Palette organization framework: dark-to-light slot system with role assignments (text, background, accent, highlight)
Who It's For
- Graphic designers building brand color systems and design guidelines
- UI/UX designers creating design tokens and component libraries
- Web developers needing standardized color variables and accessibility compliance
- Product managers documenting brand palettes for team alignment
- Marketing professionals ensuring brand color consistency across collateral
Best For
- Creating brand color guides from theme descriptions or Pantone references
- Generating accessible color palettes with WCAG contrast verification
- Building design system documentation with copy-to-clipboard hex codes
- Extracting and organizing color data from brand guidelines and design standards
- Producing interactive SVG reference sheets for design handoff to development teams
You might also like
You can generate comprehensive motion design briefs that account for platform-specific technical requirements, psychological engagement triggers, and algorithmic promotion mechanics. The skill analyzes trending formats across TikTok, Instagram Reels, and YouTube Shorts to identify viral patterns, then translates those insights into actionable creative constraints and storyboards. This reduces revision cycles, improves content performance metrics, and positions designs to capitalize on emerging trends.
by camalus
You can rapidly generate comprehensive signage documentation packages that integrate design intent with regulatory compliance. This skill produces detailed material specifications, ADA accessibility compliance matrices, and installation scheduling documents—eliminating manual compilation across multiple systems and reducing contractor revisions.
by camalus
You can develop comprehensive luxury packaging strategies that balance aesthetic ambition with manufacturing feasibility. This skill helps you articulate material hierarchies, create unboxing narratives that extend brand storytelling, audit packaging against luxury competitive standards, and generate sensory design specifications that justify premium positioning. You'll produce strategically sound concepts grounded in brand heritage and perceived value.
by camalus
You can develop end-to-end wayfinding strategies for retail spaces that integrate signage systems, spatial cues, color coding, and lighting into seamless customer journeys. This skill helps you map critical decision points (store entrance, category transitions, checkout flows), design multi-floor navigation systems, and create brand-consistent environmental graphics that convert browsers into purchasers while reducing decision fatigue.
by camalus
You can develop complete visitor journey maps that layer curatorial narratives, accessibility requirements, and architectural constraints into cohesive spatial experiences. The skill helps you identify wayfinding decision points, establish visual hierarchy systems, stress-test flows against visitor behavior patterns, and validate designs before production—ensuring exhibitions serve multiple visitor typologies simultaneously without sacrificing thematic storytelling.
by camalus
You can generate comprehensive brand guidelines that serve as the foundational document for visual and verbal consistency across all brand communications. This skill produces detailed specifications covering logo usage, color systems, typography, imagery standards, tone of voice, and governance structures—all tailored to your brand's specific needs, market position, and organizational complexity. The guidelines you create are designed to be legally defensible, creatively inspiring, and flexible enough to accommodate emerging channels and regional variations.
by camalus
You'll transform scattered packaging requirements, stakeholder input, and technical constraints into a unified, actionable design brief. The skill synthesizes business objectives, regulatory compliance requirements, production capabilities, and competitive positioning into a single document that guides your creative process and eliminates ambiguity before design commences. It operates in two modes: building briefs from scratch and validating existing briefs for gaps and inconsistencies.
by camalus
You can produce complete, enforceable brand guidelines that transform your strategic brand direction into actionable documentation. Claude helps you structure visual standards (typography, color systems, imagery), verbal identity (tone, messaging, vocabulary), application guidelines across touchpoints, and accessibility requirements—all formatted for immediate stakeholder handoff and external partner compliance.
by camalus