Color Palette Generator
Generate harmonious color palettes with complementary, analogous, and triadic color scheme support
rgb(235,111,116)
rgb(43,205,57)
rgb(25,207,183)
rgb(102,148,156)
rgb(49,199,188)
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 mode 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 colors that sit next to each other on the color wheel. Lock individual colors you love and regenerate the rest. Export as CSS custom properties, Tailwind config, or SCSS variables with one click.
Frequently Asked Questions
Random: any colors. Pastel: soft, light tones. Vibrant: bold, saturated. Earthy: warm natural tones. Monochromatic: shades of one hue. Analogous: adjacent hues on the color wheel for harmonious palettes.
Click the lock icon on any color to keep it fixed. When you regenerate, only unlocked colors change — perfect for building a palette around a brand color.
Share This Tool
Related Tools
Color Contrast Checker
Check WCAG 2.1 color contrast ratios to ensure your designs meet AA and AAA accessibility standards
CSS Gradient Generator
Build stunning linear and radial CSS gradients with a visual color picker, angle control, and code export
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