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.
Best For
- •A solo founder without a designer uses this to get a design-system-ready palette with hex codes before building a landing page.
- •A frontend developer implementing a new design system uses the contrast ratios to avoid a separate accessibility pass later.
- •A brand designer refreshing an existing identity uses the competitor color check to make sure the new palette doesn't blend into the category.
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.
Pro Tip
List the actual hex codes of two or three direct competitors in COMPETITOR_COLORS, not just brand names, so the model can mathematically steer the palette away from them instead of guessing.
Example Output
A sample of what this prompt produces once you fill in the placeholders.
Primary: #1B4D3E (deep forest, conveys trust without the generic blue of most fintech apps). Neutrals range from #F7F7F5 to #1A1A1A. Success #2E8B57 passes AA against white at 4.6:1; Warning #D98E04 flagged as failing AA for small text on white and recommended for large text or backgrounds only.
Recommended Tools
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.