Back to prompts
Creative ThinkingPremiumbeginner
4.7

Generate a Color Palette From Any Abstract Concept

Turn a mood, feeling, or abstract idea into a cohesive color palette with hex codes, ratios, and usage rules.

Copy & Paste this prompt
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
#creative#design#generate#color#palette

Works with

chatgptclaudegemini

💡 Pro Tips

  • •The more specific your concept, the more unique the palette — 'ocean' is generic, 'Mediterranean cove at 6pm' is specific
  • •Always run the accessibility check if the palette is for UI — beautiful colors that users can't read are useless
  • •Ask for a dark mode variant upfront — retrofitting palettes for dark mode always looks like an afterthought

✨ Example Output

## 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