Color Palette Viewer & Generator

Choose Your Method

Select from Templates (pre-made palettes), Generator (color theory), or Custom (create your own) tabs to get started.

Select or Generate Colors

Browse template palettes by category, generate using color schemes like complementary or triadic, or create custom palettes manually.

Edit and Refine

Click any color to edit with the color picker, drag colors to reorder them, or use the shuffle button for new arrangements.

Check Accessibility

Use the contrast checker to ensure your color combinations meet WCAG accessibility standards for text readability.

Export Your Palette

Export your final palette as CSS variables, SCSS, Tailwind config, JSON data, or PNG image for use in your projects.

Template Palette Library

Choose from a curated collection of professional color palettes organized by categories like nature, modern, vintage, and more.

Color Theory Generator

Generate harmonious palettes using color theory principles including complementary, triadic, analogous, monochromatic, and split-complementary schemes.

Multi-Format Import/Export

Import palettes from CSS variables, SCSS, Tailwind config, JSON, or hex lists. Export to any of these formats plus PNG images.

Accessibility Contrast Checker

Built-in WCAG contrast checker with AA/AAA compliance indicators to ensure your color combinations meet accessibility standards.

Interactive Color Editor

Click any color to edit with a color picker, drag to reorder colors, and adjust brightness with real-time preview.

Custom Palette Creation

Create and save your own custom color palettes with personalized names and unlimited color combinations.

Professional Color Theory

Generate scientifically balanced color schemes using proven color theory principles for visually appealing designs.

Developer-Friendly Exports

Export directly to CSS variables, SCSS, Tailwind CSS, or JSON formats for seamless integration into your development workflow.

Accessibility Compliance

Built-in WCAG contrast checking ensures your color choices meet accessibility standards for inclusive design.

Template Library

Access hundreds of professionally curated color palettes organized by style and category for instant inspiration.

Complete Privacy

All processing happens locally in your browser - your color palettes and preferences stay private and secure.