Generate Palette

Quick Presets

Your Palette

#241CC4Click to copy
#4F46E5Click to copy
#908BEEClick to copy
#DDE548Click to copy
#E9EE8BClick to copy

Color Details

ColorHEXRGBHSL
#241CC4rgb(36, 28, 196)hsl(243, 75%, 44%)
#4F46E5rgb(79, 70, 229)hsl(243, 75%, 59%)
#908BEErgb(144, 139, 238)hsl(243, 74%, 74%)
#DDE548rgb(221, 229, 72)hsl(63, 75%, 59%)
#E9EE8Brgb(233, 238, 139)hsl(63, 74%, 74%)

Export Palette

Preview in Context

Color Theory Tips

  • 60-30-10 Rule: Use your primary color for 60%, secondary for 30%, and accent for 10%
  • Contrast: Ensure text has sufficient contrast against backgrounds (4.5:1 minimum)
  • Consistency: Limit your palette to 3-5 colors for a cohesive look
  • Psychology: Blue conveys trust, red urgency, green growth, yellow optimism