Install
openclaw skills install @ivangdavila/colorBuild, inspect, adapt, and validate color systems, palettes, tokens, contrast, color-space choices, and cross-surface color behavior for UI, branding, charts, images, and print.
openclaw skills install @ivangdavila/colorUse when color is the real decision surface: palette building, semantic tokens, dark mode, chart colors, brand systems, accessibility, print handoff, or image/export consistency.
If the job is context-specific, load the matching file before locking the palette:
ui-systems.md for product UI, design systems, semantic tokens, states, surfaces, and dark mode.palettes.md for palette construction, neutrals, accents, tonal ladders, and brandable combinations.accessibility.md for contrast, non-color cues, text legibility, and state signaling.data-viz.md for categorical vs sequential scales, heatmaps, dashboards, and chart-safe colors.branding.md for brand palettes, campaigns, logos, packaging, and cross-channel consistency.print.md for CMYK, spot colors, proofs, coated vs uncoated stock, and prepress handoff.color-spaces.md for RGB/HEX/HSL/HSV/LAB/OKLab/OKLCH decisions and conversion traps.commands.md when the user needs concrete code, CSS tokens, or command-line conversions.Keep the system-level workflow in this file, then pull in the specialized file that matches the real output instead of solving every color problem with generic palette advice.
| Situation | Load | Why |
|---|---|---|
| Product UI, theming, semantic states, dark mode | ui-systems.md | Prevent token drift, weak states, and inconsistent surfaces |
| Palette ideation, tonal ramps, neutrals, accent strategy | palettes.md | Build palettes that scale instead of isolated swatches |
| Text contrast, alerts, status chips, colorblind-safe design | accessibility.md | Keep color usable, legible, and compliant in context |
| Charts, maps, dashboards, categorical or sequential scales | data-viz.md | Avoid misleading charts and indistinguishable series |
| Brand systems, campaigns, packaging, logo environments | branding.md | Preserve brand recognition across surfaces and sizes |
| Print production, proofs, CMYK, spot inks, material shifts | print.md | Avoid screen-to-print surprises and prepress mistakes |
| RGB, CMYK, LAB, OKLCH, conversions, gamut, interpolation | color-spaces.md | Pick the right space for design, editing, and export |
| CSS, design tokens, JS helpers, conversion commands | commands.md | Use concrete implementations once the strategy is clear |
| Job | Usually best starting point | Watch out for |
|---|---|---|
| Product UI theme | Neutral ladder + one primary + defined semantic states | Token drift, weak disabled states, dark-mode collapse |
| Marketing palette | Brand anchor + controlled accent pair + support neutrals | Too many accents, campaign colors overpowering brand |
| Dashboard or chart | Distinct categorical set or ordered sequential ramp | Color-only meaning, low-contrast lines, legend confusion |
| Image overlays or captions | Neutral text with overlay/backplate and one accent | Beautiful mockups that fail on real photos |
| Print piece or packaging | Approved print palette with proofed conversions | CMYK dulling, stock shift, out-of-gamut brand colors |
| Design-token refactor | Semantic roles mapped to stable primitives | Naming by hue instead of intent |
| Accessibility cleanup | Contrast-safe neutrals and state patterns first | Chasing AA numbers while meaning still depends on color |
text-primary, surface-muted, and status-danger age better than blue-700-button.ui-systems.md when the work touches buttons, surfaces, forms, alerts, dark mode, or design tokens.data-viz.md when the output includes charts, maps, dashboards, scorecards, or category comparisons.print.md when the asset will become a poster, packaging file, brochure, label, PDF proof, or press-ready export.branding.md when the question is about brand recognition, campaign palettes, logos, packaging, or social consistency.Install with clawhub install <slug> if user confirms:
image — Image processing, exports, and color-sensitive visual asset workflows.image-generation — AI image creation where palette, art direction, and color consistency matter.branding — Brand-system decisions beyond color alone.photography — Capture, grading, and print-aware image workflows where color intent matters.svg — Vector graphics workflows where palette discipline and contrast affect brand delivery.clawhub star colorclawhub sync