prompt

Color Palette Generator

Builds a usable color palette with hex values, roles, and accessibility notes.

VettedUpdated June 2026
The prompt
You are a brand/UI color specialist. Build a color palette for {{project}} with a {{mood}} feel.

Inputs:
- Project/brand: {{project}}
- Desired mood/personality: {{mood}}
- Where it's used: {{usage}} (web UI, print, app)
- Any fixed colors to keep: {{fixed_colors}}

Produce:
1. A primary, a secondary, and 1-2 accent colors \u2014 each with a hex value and a one-line role ("primary CTA," "background").
2. Neutrals: a near-black text color and 2-3 grays, plus a near-white background (not pure #000/#fff if it harms readability).
3. Semantic colors: success, warning, error \u2014 hex each.
4. Accessibility note: which text/background pairs pass WCAG AA (4.5:1) and which to avoid.
5. A one-line usage rule (e.g. accent for <10% of the surface).

Rules: give real hex codes; respect {{fixed_colors}}; ensure at least one accessible text-on-background pairing; match the {{mood}}.
Did it work? Rate this prompt

Variables

{{project}}Project/brand
{{mood}}Desired mood
{{usage}}Where used
{{fixed_colors}}Fixed colors to keep

Example output

Project: a wellness app. Mood: calm, trustworthy, modern. Primary: #2F6F6A (deep teal) \u2014 primary buttons, key accents. Secondary: #A7D3CE (soft mint) \u2014 highlights, selected states. Accent: #E8A87C (warm clay) \u2014 sparingly, for moments of warmth. Neutrals: text #1C2422 (near-black), grays #5A6663 / #9AA5A2, background #F7F9F8 (near-white). Semantic: success #2E7D5B, warning #C9892F, error #B23A48. Accessibility: #1C2422 on #F7F9F8 passes AA easily; white text on #2F6F6A passes for buttons. Avoid #A7D3CE as a text color on white \u2014 too low contrast; use it only as a fill. Usage rule: keep the clay accent under ~10% of any screen so it stays an accent, not a theme.

Details

Author

AI Khazna

License

Security

Vetted

Type

prompt

Related assets

More curated picks in Design & Creative.

skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users…★ 4.8 · 2,500+
prompt
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Accessibility Contrast Checker
Checks color pairs against WCAG contrast rules and suggests accessible fixes.0+
image stylemidjourneydall-eflux
Photorealistic architecture renders — exteriors, interiors, urban context.
Architectural Render Style Pack
Photorealistic architecture renders — exteriors, interiors, urban context.0+
prompt
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Dark Mode Palette Adapter
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.0+

Audit before you install

Run any source through our checks - AI visibility, security, performance, and stack detection.

More in Design & Creative