📖 Step 2: Design - UI/UX Basics#54 / 291
Color Palette
Color Palette
📖One-line summary
A unified set of colors used throughout a service.
✨Example
Color palette system
Primary
Gray
Accent
⚡Vibe coding prompt examples
>_
Generate a 10-step color palette from 50 to 900 based on the brand color #4F46E5. Apply as Tailwind CSS variables.
>_
Build a color palette that meets WCAG AA accessibility. Set background-to-text contrast at 4.5:1 or higher.
>_
Build a dark mode color palette. Base it on the light mode palette but invert background, text, and border colors while keeping it easy on the eyes.
Try these prompts in your AI coding assistant!