Color Palette Generator
Including semantic colors and dark mode from the start prevents the common redesign where these are bolted on later. HSL format makes programmatic adjustment easy.
Generate a color palette for {{project_type}} targeting {{target_audience}}. Brand personality: {{brand_personality}} Industry: {{industry}} Existing brand colors (if any): {{existing_colors}} Mood/emotion to evoke: {{target_emotion}} Provide: 1. **Primary palette** (3 colors): hex values, usage rationale, and where each is used (backgrounds, text, CTAs) 2. **Secondary palette** (2-3 colors): supporting colors for accents, illustrations, data viz 3. **Neutral palette** (4 shades): backgrounds, borders, disabled states, body text 4. **Semantic colors**: success, warning, error, info — with hex values 5. **Accessibility check**: contrast ratios for all text/background combinations against WCAG {{wcag_level}} 6. **Dark mode variant**: adjusted palette that maintains brand recognition and meets contrast requirements 7. **Usage examples**: describe how the palette applies to a card component, a form, and a dashboard Include CSS custom properties (HSL format) ready to paste into a stylesheet.
Variables to customize
Why this prompt works
Including semantic colors and dark mode from the start prevents the common redesign where these are bolted on later. HSL format makes programmatic adjustment easy.
What you get when you save this prompt
Your workspace unlocks powerful tools to iterate and improve.
AI Optimization
One-click improvement with structure analysis and pattern suggestions.
Version History
Track every edit. Compare versions side-by-side with word-level diffs.
Folders & Tags
Organize your library with nested folders, tags, and drag-and-drop.
$ npm i -g @promptingbox/mcpUse Everywhere
Access prompts from Claude, Cursor, ChatGPT & more via MCP integration.
Your prompts, organized
Save, version, and access your best prompts across ChatGPT, Claude, Cursor, and more.