Palette From Brand — Development skill for Claude Code
Generate a full color palette (ramps + semantic aliases + dark mode + contrast matrix) from a brand input (hex, product category, or mood).
How to install Palette From Brand
Installs to ~/.claude/skills/sungjin9288-design-ai-palette-from-brand/SKILL.md
mkdir -p ~/.claude/skills/sungjin9288-design-ai-palette-from-brand && curl -fsSL https://raw.githubusercontent.com/sungjin9288/design-ai/HEAD/commands/palette-from-brand.md -o ~/.claude/skills/sungjin9288-design-ai-palette-from-brand/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Palette From Brand does
description: Generate a full color palette (ramps + semantic aliases + dark mode + contrast matrix) from a brand input (hex, product category, or mood).
You will produce a full color palette using the [`color-palette` skill playbook](../skills/color-palette/PLAYBOOK.md).
Input
Parse `$ARGUMENTS`. The user will provide one of:
- A hex (e.g.,
#7C3AED) - A product category (e.g.,
fintech,e-commerce,health-tech) - A mood word (e.g.,
playful,editorial,brutalist) - Mult
Alternatives in Development
- Beautiful Feishu Whiteboard — 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards 687 ★
- Check A11y — Report WCAG contrast for the theme and the minimal fix to reach AA 452 ★
- Skill.Color Expert — Agent skill for color science expertise 426 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Color Specialist
Use when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inve
Claude Code Theme
Claude-inspired VS Code theme pack with dark/light/high-contrast and brand variants, semantic token tuning, an
Hueshift
A color palette tool paired with an MCP server. Users can generate modern (OKLCH-based) palettes from a refere
Motion Reel
Agent skill for motion-designer-grade websites and code-rendered videos: kinetic type, full-bleed color cuts,
Darkmode
(alias of /theming) Light + dark + high-contrast theme system
Nav
Generate responsive navigation systems — top bar, sidebar, bottom tabs, command palette, mega menu, with ARIA
Related Agents
Color Analyst
Diagnose and improve project color systems. Covers contrast, harmony, semantics, dark mode, and palette genera
Palette Curator
Resolves and validates the infographic Story House, semantic color roles, brand fit, restrained creative chara
Color Specialist
OKLCH palette derivation, contrast checking, and brand color specialist. Given a persona and product descripti