Generate Color Palette
ui_generate_color_paletteGenerate harmonious color palettes from a base color using color theory, supporting multiple harmony schemes and semantic roles for UI design.
Instructions
Generate a cohesive, harmonious color palette from a base color using color theory principles.
Supports multiple harmony schemes: monochromatic, analogous, complementary, split_complementary, triadic, and tetradic. Also generates neutral grays and semantic color roles (primary, secondary, accent, background, etc.).
Args:
base_color (string, optional): Hex color code (e.g. "#3B82F6" or "3B82F6"). If omitted, a color is derived from the style preset.
scheme (string, optional): Harmony scheme — 'monochromatic', 'analogous', 'complementary', 'split_complementary', 'triadic', 'tetradic'. Default: 'monochromatic'
style (string, optional): Style preset — 'minimal', 'bold', 'playful', 'dark', 'editorial', 'tech'. Used when base_color is omitted. Default: 'minimal'
include_neutrals (boolean, optional): Include a 11-step neutral gray scale. Default: true
response_format (string, optional): 'markdown' or 'json'. Default: 'markdown'
Returns: A color palette with hex/rgb/hsl values, semantic role assignments, usage guidance, and CSS custom properties.
Examples:
Generate a triadic palette from blue: base_color="#3B82F6", scheme="triadic"
Generate a minimal palette without neutrals: style="minimal", include_neutrals=false
Generate a complementary palette for a dark theme: base_color="#10B981", scheme="complementary"
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| style | No | Style preset (used when base_color is omitted) | minimal |
| scheme | No | Color harmony scheme | monochromatic |
| base_color | No | Hex color code (e.g. '#3B82F6' or '3B82F6'). Omit to use style preset. | |
| response_format | No | Output format | markdown |
| include_neutrals | No | Include 11-step neutral gray scale |