Generate a Custom Color Palette for Any Design Project

Generate a complete, accessible color palette with hex codes, usage guidelines, and rationale tailored to your brand and project.

๐Ÿ“ The Prompt

Act as an expert color theory designer and generate a comprehensive color palette for the following project: **Project Type:** [PROJECT TYPE, e.g., mobile app, website, packaging] **Industry/Niche:** [INDUSTRY, e.g., healthcare, fintech, luxury fashion] **Brand Mood/Personality:** [MOOD KEYWORDS, e.g., bold and energetic, calm and trustworthy, playful and youthful] **Target Audience:** [TARGET AUDIENCE, e.g., millennials, corporate professionals, children aged 5-12] **Existing Brand Color (if any):** [HEX CODE OR COLOR NAME, or 'None'] Please deliver the following: 1. **Primary Color:** Provide the hex code, RGB values, and a brief rationale for why this color anchors the palette given the mood and industry. 2. **Secondary Color:** Provide the hex code, RGB values, and explain how it complements the primary color. 3. **Accent Color:** Provide the hex code, RGB values, and describe its intended use (e.g., CTAs, highlights, interactive elements). 4. **Neutral Colors (3-4):** Provide hex codes for backgrounds, text, borders, and subtle UI elements. Include at least one light neutral and one dark neutral. 5. **Semantic/Functional Colors:** Suggest hex codes for success, warning, error, and informational states that harmonize with the palette. 6. **Accessibility Check:** Confirm that your primary text-on-background combinations meet WCAG AA contrast ratio standards (minimum 4.5:1 for normal text). Flag any combinations that may need adjustment. 7. **Color Usage Guidelines:** Write 3-5 rules for how to apply these colors consistently across the project (e.g., percentage distribution like 60-30-10 rule, do's and don'ts). 8. **Mood Board Description:** Describe 3-4 visual references or imagery that embody this palette's feel. Format the output in a clean, organized manner with clear headings and hex swatches described in a way a developer or designer can immediately implement.

๐Ÿ’ก Tips for Better Results

Provide at least 3 mood keywords to get a more nuanced and accurate palette that truly reflects your vision. If you already have one brand color, include its hex code so the AI builds a harmonious palette around it rather than starting from scratch. Ask for a follow-up prompt generating dark mode variants of the same palette for full design system coverage.

๐ŸŽฏ Use Cases

Ideal for UI/UX designers, brand strategists, and founders who need a cohesive, ready-to-implement color system for a new project or brand refresh.

๐Ÿ”— Related Prompts

๐ŸŽจ Design intermediate

UI/UX Design Review Checklist

Get a comprehensive UI/UX review covering hierarchy, accessibility, and responsiveness.

๐ŸŽจ Design intermediate

Find the Perfect Typography Pairing for Your Design Project

Get expert typography pairing recommendations with type scales, spacing guidelines, and CSS fallback stacks for any design project.

๐ŸŽจ Design intermediate

Generate a Custom Color Palette for Any Brand or Project

Generate a complete, accessible color palette with HEX values, usage guidelines, and dark mode variants for any brand or project.

๐ŸŽจ Design advanced

Create a Detailed Wireframe Description for UI/UX Design

Generate a detailed, section-by-section wireframe description with layout specs, interaction flows, and responsive behavior for any page.

๐ŸŽจ Design advanced

Build Comprehensive Design System Documentation

Create complete design system documentation with tokens, component specs, accessibility standards, and contribution guidelines.

๐ŸŽจ Design advanced

Create a Detailed Component Library Specification Document

Build a comprehensive component library spec with variants, props, accessibility rules, and code examples for your design system.