Pixel Space

Color Palette

Generate website and app palettes from a base color. Preview light or dark interfaces, check contrast, copy colors and CSS, or download JSON.

How to use

Generate website and app palettes from a base color. Preview light or dark interfaces, check contrast, copy colors and CSS, or download JSON.

Steps

  1. Enter a HEX base color or choose one using the picker or presets.
  2. Switch palette styles, light or dark mode, and website or app previews to inspect text and background combinations.
  3. Check contrast indicators, then copy color values or CSS, or save the palette as JSON.

Supported formats

Enter a 3- or 6-digit HEX color or use the color picker. Copy color values and CSS or download palette JSON.

Files and privacy

Palette calculation and export run in your current browser without file uploads or an account.

Limitations

  • The preview illustrates a palette; it does not automatically change your website or app.
  • Contrast checks cover the displayed color pairs and do not replace a full product accessibility review.
  • If the browser blocks copying, use the manual-copy content provided on the page.

Frequently asked questions

Can I use my own brand color?

Yes. Enter a HEX value such as #38F or #2457FF to generate a palette around it.

Does the download include a website template?

No. JSON stores palette data and CSS provides color variables. Interface previews only illustrate the colors.