Color Palette Generator
Generate a color palette from a base color — complementary, analogous, triadic, or random schemes. Outputs hex codes ready to drop into CSS.
Inputs
About Color Palette Generator
Schemes explained
Complementary: opposite colors on the wheel — high contrast. Analogous: adjacent colors — harmonious, calming. Triadic: three colors evenly spaced — vibrant but balanced. Split complementary: base + two next to its complement — softer than pure complementary. Tetradic: four corners of the wheel — rich, complex.
When to use which
Brands and UI: analogous or split complementary (easier on the eyes). Posters and call-to-action: complementary or triadic (eye-catching). Data viz: triadic or tetradic provides distinct categories.
Accessibility
High contrast between text and background is required (WCAG: 4.5:1 normal text, 3:1 large text). Always test your palette with a contrast checker. Brand colors usually need adjusted versions for accessible text use.