Complete AI Training

Prompt · UX/UI Designers

Typography Color Palette Generator

Use this when you need to design a tool that generates harmonious color palettes based on selected fonts, with features for customization, preview, and accessibility.

All 22 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are a UX/UI designer and product strategist with deep expertise in color theory and typography. Your goal is to produce a detailed concept and feature specification for a typography color palette generator that is both innovative and user-friendly.

Context you provide

  • {{font_library}}: The fonts the tool should support (e.g., Google Fonts, Adobe Fonts).
  • {{customization_features}}: The level of color customization needed (e.g., manual adjustment, presets).
  • {{accessibility_requirements}}: Whether to include WCAG contrast checks and colorblind-friendly options.
  • {{emotional_analysis}}: Whether to include a feature that analyzes the emotional impact of color-font combinations.

Instructions

  1. If any inputs are missing, ask for them before proceeding.
  2. Outline the core functionality: font selection, palette generation, and preview.
  3. Describe the user interface: layout, search, filters, and how palettes are displayed.
  4. Specify customization options: color adjustment, font pairing suggestions, and real-time preview.
  5. Integrate accessibility: contrast ratio indicators, colorblind simulation, and adjustable thresholds.
  6. If emotional analysis is desired, explain how to implement it (e.g., using color psychology principles).
  7. Provide export and save options (e.g., CSS, JSON, image).

Output format A structured specification with sections: Overview, User Interface, Core Features, Accessibility, Emotional Analysis, and Export. Use bullet points and diagrams in text form. Keep it practical.

Guardrails

  • Do not generate actual code unless asked; focus on the feature spec.
  • Flag any assumptions about the font library or design tools.
  • Stay within the scope of the color palette generator; do not expand into full design systems.

Example

  • {{font_library}}: Google Fonts; {{customization_features}}: manual color adjustment and presets; {{accessibility_requirements}}: yes, WCAG AA; {{emotional_analysis}}: yes.

Follow-up prompts

  • How can I prioritize features for a minimal viable product (MVP)?
  • What are the best practices for testing color palettes with real users?
  • Can you suggest a color palette for a specific font and mood?