Design
color palettedesign systembrandingUI designaccessibilityColor Palette Generator Brief
A complete, WCAG-checked color palette with hex codes, usage rules, and semantic colors ready for your design system.
Prompt Template
Generate a complete design-system-ready color palette for [BRAND_NAME] based on the following inputs: brand personality: [BRAND_PERSONALITY — e.g., bold and innovative / calm and trustworthy], industry: [INDUSTRY], primary brand color (if any): [PRIMARY_COLOR_OR_NONE], and competitors' color territories to avoid: [COMPETITOR_COLORS]. Produce the following: (1) Primary palette — 1 primary brand color with hex code and rationale, (2) Secondary palette — 2–3 complementary colors with hex codes that work harmoniously with the primary, (3) Neutral palette — 5 neutral tones (near-white to near-black) optimized for UI backgrounds, surfaces, and text, (4) Semantic colors — hex codes for Success (green), Warning (amber), Error (red), and Info (blue), all harmonized with the brand palette, (5) For every color, provide: hex code, RGB values, usage guidance (where to use it), and WCAG contrast ratio against white (#FFFFFF) and dark (#1A1A1A) backgrounds. Flag any colors that fail AA contrast for text use.
How to use this prompt
- Copy the prompt template using the button above.
- Paste it into your preferred AI assistant (ChatGPT, Claude, Gemini, etc.).
- Replace all bracketed placeholders like
[TOPIC]with your specific details. - Send the prompt and refine the output as needed.
Advertisement