Color Palette Generator

Generate beautiful color palettes and export as CSS, JSON, or Tailwind configuration.

Choose Theme

Colors

Primary

#FFB3BA

Secondary

#FFDFBA

Accent

#FFFFBA

Tertiary

#BAE1FF

Quaternary

#E0BBE4

Component Previews

Buttons

Cards

Primary

#FFB3BA

Secondary

#FFDFBA

Badges

PrimarySecondaryAccentTertiaryQuaternary

Export Format

Output

:root {
  --color-primary: #FFB3BA;
  --color-secondary: #FFDFBA;
  --color-accent: #FFFFBA;
  --color-tertiary: #BAE1FF;
  --color-quaternary: #E0BBE4;
}