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 rapidly transform vague creative direction into concrete, actionable title sequence specifications that motion designers can implement immediately. This skill extracts motion requirements, establishes timing frameworks, defines typography hierarchies, and creates visual treatment specifications directly from briefs—reducing revision cycles and directional misalignment. You'll produce structured production documents that clarify constraints, success metrics, and technical requirements before any keyframes are set.
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 take raw creative briefs and convert them into structured character design packages that include visual specifications, personality matrices, silhouette variants, design rationale, and consistency frameworks. Claude synthesizes your requirements into actionable specifications that establish character DNA, visual hierarchy, and distinguishing features—accelerating your concept phase and eliminating ambiguous revisions before you begin detailed rendering.
by camalus
You'll generate professional, standardized specification documents that cover every technical requirement, material choice, finishing detail, and color specification your printer needs. These specs bridge the gap between your design intent and final production, reducing costly back-and-forth communication and ensuring color-critical output meets brand standards. Whether you're managing complex packaging jobs with multiple components or specialty finishes like embossing and die cuts, you'll create documentation that printers actually want to receive.
by camalus
You can create comprehensive wayfinding strategies that integrate typography, color coding, materiality, positioning, and interactive elements into systems tailored to your exhibition's architecture and narrative structure. This skill helps you develop visitor-centered spatial communication systems that guide audiences intuitively while managing flow, reinforcing curatorial intent, and ensuring accessibility compliance across permanent or temporary installations.
by camalus
You can make data-driven material decisions for packaging by analyzing lifecycle impact claims, comparing alternatives (bioplastics vs. recycled plastics, paperboard vs. aluminum), and validating sustainability assertions against verified standards. This skill helps you quantify actual environmental benefits, identify greenwashing risks, and create defensible sustainability narratives backed by regulatory compliance and material science principles.
by camalus
You can generate complete signage system briefs that specify typography standards, color contrast ratios, mounting methods, material selections, and maintenance protocols tailored to your site. The skill produces ADA-compliant documentation that coordinates static and digital signage across healthcare, hospitality, campus, and retail environments—eliminating guesswork and reducing iterations with fabricators and compliance consultants.
by camalus
You can develop comprehensive brand naming strategies that move beyond brainstorming to professional-grade naming processes. The framework guides you through strategic positioning, generates names across multiple naming categories, conducts linguistic feasibility analysis, screens for competitive and trademark conflicts, and validates market perception—producing names that are ownable, memorable, and strategically aligned with your brand positioning.
by camalus