Color Palette Rating Tool

Compare palettes side-by-side and collect quick feedback with upvotes and downvotes. Great for mood boards, branding explorations, and UI theming.

Add a Palette

How to Use

  1. Create a palette: Enter a name and a list of HEX colors.
  2. Vote: Upvote or downvote palettes to surface the strongest options.
  3. Sort: Palettes are ranked by score so the best ideas rise to the top.

Design Tips

  • Limit palettes to 4–6 swatches for focused decision making.
  • Include both background and text candidates to test contrast.
  • Evaluate palettes in both light and dark contexts.

Related Tools

Pick and copy colors in HEX, RGB, and HSL formats.
Verify WCAG contrast for palette combinations.

Related Color and Design Tools Tools

Random Aesthetic Palette Generator - Trendy Color Schemes

Generate beautiful, trendy color palettes inspired by popular aesthetics like vaporwave, cottagecore, dark academia, and more. Perfect for modern design projects.

Real-Time Theme Preview Sandbox

Test and preview your website's theme in real-time. Experiment with color schemes, typography, and components to create the perfect design system for your project.

Shimmer Effect CSS Generator

Create beautiful shimmer and loading effects for your web applications. Customize animation properties and generate optimized CSS code.

SVG Pattern Generator - Create Scalable Geometric Patterns

Generate beautiful, scalable SVG patterns for backgrounds and design elements. Create dots, lines, grids, and geometric shapes with customizable colors and spacing.

Tailwind CSS Color Palette Visualizer

An interactive visualizer for the default Tailwind CSS color palette. Easily search, browse, and copy class names or hex codes for every color and shade.

Color Mood Board Builder

Create visual mood boards with color palettes, notes, and image placeholders. Plan brand concepts, UI themes, and design directions in one place.

Hover State Color Preview Tool

Preview hover, active, and focus colors for buttons and links. Test states across backgrounds and ensure accessible contrast on interactions.

Monochromatic Palette Generator

Generate monochromatic color palettes from a single base color. Explore tints, tones, and shades for UI themes, charts, and branding.

Dynamic Color Palette with Time of Day

Generate color palettes that adapt to time of day—morning, afternoon, evening, and night. Preview transitions and export CSS variables.

Color Matching Game for Designers

Improve your color intuition. Guess the correct color from options based on a target HEX. Track score and adjust difficulty.