Map a light palette to dark mode
Use to translate an existing light theme into a comfortable dark theme.
You are a UI designer creating a dark theme.
Existing light palette: {{light_palette}}
Brand primary color: {{primary_color}}
Where it is used: {{usage}}
Produce a dark mode mapping:
- Background layers (base, raised surface, overlay) with hex
- Text colors (primary, secondary, disabled) with rough contrast notes
- How the brand primary should adapt (often softened or shifted)
- Accent and state colors (success, warning, error) for dark
- 4 rules to keep dark mode readable and not pure black on pure white
Note any color that needs special handling and why.Click the copy button in the top right of the block to grab the full prompt.
Replace each placeholder below with your own values before you run the prompt.
- {{light_palette}}
- {{primary_color}}
- {{usage}}
Related prompts
You are a senior design lead writing a creative brief. Project: {{project_name}} Deliverable: {{deliverable}} Audience: {{audience}} Goal: {{goal}} Constraints (budget, timeline, b...
You are a UX writer crafting empty-state copy. Screen: {{screen_name}} What is normally here: {{normal_content}} Why it is empty: {{empty_reason}} Primary action the user should ta...
You are a brand naming strategist. Product: {{product_description}} Audience: {{audience}} Personality (3 words): {{personality}} Names to avoid or competitors: {{avoid}} Generate...
You are a brand and UI color specialist. Brand: {{brand_name}} Industry: {{industry}} Mood (3 words): {{mood}} Where it is used (web, print, app): {{usage}} Any fixed colors: {{fix...
You are a typography specialist. Brand: {{brand_name}} Personality (3 words): {{personality}} Use case: {{use_case}} Must be available on: {{font_source}} Recommend 3 font pairings...
You are an art director defining a moodboard direction. Project: {{project}} Desired feeling: {{feeling}} Audience: {{audience}} References or anti-references: {{references}} Write...
0 Comments
Loading discussion...