Duckcolor logoDuckColor

color palettes skill

Generate professional website color palettes from a prompt. The skill is prompt-first: describe a mood, theme, or base color and it derives anchor hues, picks a harmony scheme, builds neutral ramps, and assigns role tokens for UI use. By default it returns three options and renders a console preview; contrast checks only run when requested.

GitHub repositoryScripts and references live in the repo.

Overview

This tool focuses on web UI palette exploration and delivers structured tokens for primary, secondary, accent, background, surface, text, muted, and border roles.

Workflow

  1. Provide a prompt describing mood, theme, or a base color.
  2. Extract 2-3 anchor colors and select a harmony scheme.
  3. Build a neutral ramp for background, surface, text, muted, and border.
  4. Assign roles: primary, secondary, accent, and supporting tokens.
  5. Render a console preview with the bundled script.

Output

Output is kept in memory as JSON tokens, then a console preview renders the palettes with hex values. By default, it does not write files and it returns three palette options.

#1 Tropical Pop - Fresh tropical for the current site; lively and clean.

primaryLagoon Teal#16B6A4
secondarySunflare Sand#F2C56B
accentCoral Punch#FF6A5E
backgroundCloud Foam#F2FBF8
surfaceMist Glass#EAF7F2
textInk Tide#1C2B2A
mutedSea Fog#8FA8A3
borderDrift Line#D6E7E1

#2 Cream Studio - Creamy minimal with warm neutrals and a soft accent.

primaryEspresso Slate#3E3435
secondaryOat Linen#D9C9B7
accentCinnamon Clay#C56A4A
backgroundWarm Porcelain#FAF7F2
surfaceSoft Paper#F1ECE5
textDeep Roast#2F2524
mutedMellow Taupe#9A8B84
borderParchment Edge#E0D7CF

#3 Playful Signal - Playful modern with bold primaries and airy neutrals.

primaryPixel Blue#3B6CFF
secondaryLime Kick#8DEB3A
accentMagenta Pop#FF4FA3
backgroundIce Violet#F7F8FF
surfaceSoft Pixel#EEF0FF
textNight Ink#141C2A
mutedClouded Steel#9AA6C0
borderLight Frame#D6DDF2

Options and boundaries

Optional

  • Contrast checks on request (AA or AAA intent).
  • CSS variables or Tailwind output format on request.

Non-goals

  • No UI or CSS framework implementation.
  • No external API calls.