Color Palette Generator
Generate beautiful color palettes and schemes from any base color.
Generated Palette
501002003004005006007008009001000
Color Values
50#e8e8fdhsl(240, 84%, 95%)
100#bdbff9hsl(238, 83%, 86%)
200#9395f5hsl(239, 83%, 77%)
300#696cf2hsl(239, 84%, 68%)
400#3f43eehsl(239, 84%, 59%)
500#1519eahsl(239, 84%, 50%)
600#1115c0hsl(239, 84%, 41%)
700#0d1096hsl(239, 84%, 32%)
800#0a0c6chsl(239, 83%, 23%)
900#060742hsl(239, 83%, 14%)
1000#020317hsl(237, 84%, 5%)
Color Harmony Types
- Shades - Variations of lightness for a single hue (great for UI design)
- Complementary - Colors opposite on the color wheel (high contrast)
- Triadic - Three colors equally spaced on the color wheel
- Analogous - Colors adjacent on the color wheel (harmonious)
- Split Complementary - Base color plus two colors adjacent to its complement
- Tetradic - Four colors forming a rectangle on the color wheel
Usage Tips
- Use shades for creating consistent UI color scales
- Complementary colors work well for call-to-action buttons
- Analogous palettes create calm, harmonious designs
- Export as CSS variables or Tailwind config for easy integration