colorize

Generate a 2-4 color palette and usage plan for grayscale interfaces.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/nokusukun/sublime --skill colorize-nokusukun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: colorize
Source: https://github.com/nokusukun/sublime/tree/main/.impeccable/source/skills/colorize
Command: npx skills add https://github.com/nokusukun/sublime --skill colorize-nokusukun

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Color is often missing or misapplied in product interfaces, resulting in dull experiences and reduced usability. This skill provides a structured approach to introducing color that strengthens brand alignment, readability, and emotional impact.

Core Features & Use Cases

  • Define a focused color palette (2-4 colors) that supports branding and accessibility.
  • Apply color semantically (status, emphasis, actions) and decoratively (illustrations, shapes) to improve hierarchy and delight.
  • Provide practical usage guidance for typography, backgrounds, borders, and surfaces in real-world design tasks.

Quick Start

Provide a brand context and current design samples, then run the colorize skill to generate a 2-4 color palette and usage plan.

Frequently Asked Questions about colorize

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I choose an accessible color palette for a UI design?

To add color to grayscale UI designs, identify semantic opportunities for status, emphasis, and actions. Apply a 2-4 color palette strategically across backgrounds, borders, and decorative elements to improve visual hierarchy and emotional warmth while maintaining accessibility.

What is the best way to apply semantic colors in a branding project?

Semantic colors in branding projects distinguish status, emphasis, and actions through targeted hue application. This strategy strengthens brand alignment and usability by applying distinct colors to interactive elements, feedback states, and visual hierarchy markers.

Does this color strategy work for grayscale or muted interfaces?

Yes, this color strategy is designed specifically for grayscale or muted interfaces. It identifies opportunities to introduce color that improves clarity and mood, applying a 2-4 color palette across semantic, accent, and decorative elements while satisfying accessibility contrast requirements.

Can I generate documented color usage rules for typography and backgrounds?

Yes, you can generate documented color usage rules for typography and backgrounds. The process outputs a 2-4 color palette with practical usage guidance for applying colors across text, surfaces, borders, and decorative elements to ensure consistency in real-world design tasks.

How many colors should be in a UI design palette for accessibility?

A UI design palette for accessibility should contain 2-4 colors to maintain focus and readability. This focused palette size supports branding requirements while ensuring sufficient contrast ratios for readable typography and clear semantic distinctions across interface elements.