Color Palette Generator
Generate harmonious color palettes with complementary, analogous, and triadic color scheme support
rgb(148,63,193)
rgb(186,43,236)
rgb(185,131,30)
rgb(20,157,16)
rgb(88,22,157)
Export As
How to Use This Tool
Select a palette mode: Random, Pastel, Vibrant, Earthy, Monochromatic, or Analogous.
Click "Generate Palette" to create a 5-color palette.
Lock individual colors to keep them while regenerating the rest.
Click any color's HEX code to copy it.
Export your palette as CSS Variables, Tailwind Config, or SCSS Variables.
About This Tool
Color Palette Generator creates beautiful 5-color palettes in multiple modes. Random picks any colors, Pastel generates soft tones, Vibrant produces bold saturated colors, Earthy gives natural warm tones, Monochromatic creates shades of a single hue, and Analogous picks adjacent colors on the color wheel. Lock colors you love and regenerate the rest. Export as CSS custom properties, Tailwind config, or SCSS variables.
Share This Tool
Related Tools
CSS Gradient Generator
Build stunning linear and radial CSS gradients with a visual color picker, angle control, and code export
Color Contrast Checker
Check WCAG 2.1 color contrast ratios to ensure your designs meet AA and AAA accessibility standards
Glassmorphism Generator
Create modern frosted-glass UI effects with adjustable blur, transparency, and border styling in pure CSS
Neumorphism Generator
Design elegant soft-shadow neumorphic UI elements with customizable depth, color, and shape controls
CSS Unit Converter
Convert between px, rem, em, vh, vw, and other CSS units based on your root font size settings