Generate a Full Mood Board in One Prompt
4 visual variations of the same concept in different styles — find your direction before committing
Turn a mood, feeling, or abstract idea into a cohesive color palette with hex codes, ratios, and usage rules.
You are a color theory expert and visual designer. Generate a complete color palette from an abstract concept. Concept/Mood: [DESCRIBE YOUR CONCEPT — e.g., "quiet confidence", "tropical nostalgia", "cyberpunk minimalism", "cozy autumn morning"] Use Case: [WHERE THIS WILL BE USED — website, app, brand, presentation, interior design, art project] Accessibility Requirement: [YES/NO — need WCAG AA contrast compliance?] Create a complete palette: 1. **Primary Palette (5 colors)** For each color: - Hex code - RGB values - HSL values - Color name (poetic, not generic — "midnight ink" not "dark blue") - Emotional association (why this color fits the concept) 2. **Usage Ratios** - 60% dominant color - 30% secondary color - 10% accent color - Neutral/background color - Text color 3. **Color Relationships** - What color theory principle ties these together (complementary, analogous, triadic, split-complementary) - Which colors should NEVER be placed next to each other 4. **Light & Dark Variants** - Each color with a light tint and dark shade version - Dark mode version of the entire palette 5. **Accessibility Check** - Contrast ratios for all text/background combinations - Flag any combinations that fail WCAG AA - Suggest fixes for failing combinations 6. **Application Examples** - How this palette looks on: a button, a card, a header, a chart - CSS custom properties ready to copy 7. **Mood Board Description** - 3 textures, 3 photos, and 3 fonts that complement this palette
## Palette: "Quiet Confidence" ### Primary Colors | Name | Hex | Role | Emotion | |---|---|---|---| | Midnight Ink | #1B2838 | 60% Dominant | Authority, depth, calm focus | | Warm Slate | #64748B | 30% Secondary | Approachability, professionalism | | Amber Signal | #F59E0B | 10% Accent | Confidence, warmth, attention | | Soft Ivory | #FAF5F0 | Background | Openness, clarity, breathing room | | Deep Graphite | #334155 | Text | Readability without harshness | ### CSS Custom Properties
Color psychology and abstract-to-visual translation are core design skills that AI excels at when given the right framework. This prompt bridges the gap between feeling and specification by systematically mapping emotional concepts to color theory principles, producing palettes with proper contrast ratios and harmonious relationships.
Use when starting a design project from an abstract brief—words like 'trustworthy yet innovative' or 'cozy but modern.' Perfect for UI designers, brand designers, or anyone who knows the mood they want but struggles to pick specific colors that work together.
You'll receive a complete color palette with 5-7 hex codes, including primary, secondary, and accent colors with proper contrast ratios. Each color includes the rationale connecting it to your original concept, plus suggestions for where to use each color in your design.
4 visual variations of the same concept in different styles — find your direction before committing
Generate detailed logo concepts with design rationale, color theory, and variation specs for any brand.
Get expert typography pairings for any design project with visual hierarchy and readability.
Create a comprehensive brand voice guide that keeps every piece of content on-brand, from tweets to whitepapers.
Describe any art style or visual approach and get a technical breakdown you can recreate.