Palette Analyzer

Analyze up to 10 colors: global score, harmony, mood, temperature, WCAG contrast, improvement suggestions and export full report

#6366f1

#ec4899

#10b981

#f59e0b

#06b6d4

Global Score

Needs work/100

Mood / Style

Balanced & Versatile

Balanced and versatile palette for multiple uses

versatileadaptableharmonious

Harmony

Custom

Diversity score: 52/100

Temperature

Cool

🔥 2❄️ 3⚖️ 0

Luminance

Average32.4%

Min: 19%Range: 25%Max: 44%

Saturation

Average87.1%

Min: 81%Very vibrantMax: 94%

Suggestions

No WCAG AA contrast pairs — add lighter/darker colors for accessible text.

Best Text Colors

Text on white

#6366f1 • 4.47:1

Text on black

#f59e0b • 9.78:1AA ✓

Best Contrast Pairs

#6366f1 + #f59e0b

2.08:1

Fail

#6366f1 + #06b6d4

1.84:1

Fail

#6366f1 + #10b981

1.76:1

Fail

#ec4899 + #f59e0b

1.64:1

Fail

#ec4899 + #06b6d4

1.45:1

Fail

How it works

Palette analysis is an essential technique in professional design. It allows you to objectively evaluate whether a color combination works by measuring harmony, contrast, temperature and balance. Our tool analyzes up to 10 colors and generates a global score with improvement suggestions.

Analyzed Metrics

Global Score (0-100)

Objectively rates your palette by combining chromatic harmony, contrast between pairs, luminance range, saturation balance and hue diversity. A score of 80+ indicates an excellent palette; below 40 needs significant improvements.

Mood / Style

Mood analysis automatically detects your palette's character: Modern & Minimalist,Elegant & Sophisticated, Vibrant & Energetic, Creative & Playful,Professional & Corporate, Pastel & Soft, Dark & Dramatic or Balanced & Versatile. It's based on the combination of saturation, lightness, temperature and contrast.

Harmony Types

We automatically detect the chromatic relationship between your colors:

Monochromatic: Variations of a single hue (most cohesive)
Analogous: Neighboring hues on the color wheel (soft and natural)
Complementary: Opposite hues (maximum contrast)
Triadic: Three equidistant hues at 120° (vibrant and balanced)
Split-Complementary: One hue + two adjacent to its complement
Custom: Free combination without a defined harmonic pattern

Temperature, Luminance & Saturation

Each color is classified as warm (reds, oranges, yellows), cool (blues, greens, purples) or neutral. Luminance measures how much light is reflected (important for visual hierarchy), and saturation indicates color vividness. The range between minimum and maximum values is key for a balanced palette.

WCAG Contrast

We analyze all possible color pairs and calculate their contrast ratio according to WCAG 2.1. A ratio of 4.5:1 meets level AA (normal text), and 7:1 meets AAA (maximum accessibility). We also identify the best colors in your palette to use as text on white or black backgrounds.

Tool Features

Up to 10 colors analyzed simultaneously
Objective global score from 0 to 100
Mood detection: 8 style categories
Auto harmony: 6 types detected
WCAG contrast between all pairs
Best text colors on white and black
Prioritized improvement suggestions
Export report to clipboard
Random palette for experimentation
URL with colors: share analysis via link

Practical Use Cases

Case 1: Evaluate competitor palette

You want to understand why a successful brand's palette works so well.

→ Extract their main colors and analyze them
→ Discover patterns: "Analogous harmony, warm temperature, professional mood"
→ Use those insights to create your own competitive palette

Case 2: Diagnose problematic palette

Your palette "doesn't work" but you don't know exactly why.

→ Analysis reveals: inconsistent saturation + no AA contrast pairs
→ Solution: normalize saturation and add a dark color for hierarchy

Case 3: Present palette to client

You need to justify your color decisions with objective data.

→ Export the report: "Score 82/100, triadic harmony, vibrant mood"
→ Quantifiable data backs your professional proposal

Case 4: Verify design accessibility

Your project must meet WCAG 2.1 but you have many colors to validate.

→ Load all colors from your design system
→ Identify which pairs meet AA/AAA and which don't
→ Find the best colors for text on white and black backgrounds

Frequently Asked Questions

What makes a good color palette?

A good palette has balance between variety and cohesion. It needs enough contrast for visual hierarchy (at least one pair with 4.5:1 ratio for text), temperature consistent with brand message, and a defined chromatic harmony (analogous, complementary, triadic, etc.). A score of 60+ in our analyzer indicates a functional palette.

How many colors should my palette have?

For most projects, 3-5 main colors plus 1-2 neutrals (white, black, gray). Too many colors (7+) can create visual chaos. For branding, 2-3 main colors are ideal. For web interfaces, 5 colors plus lightness variants are usually sufficient.

How is the global score calculated?

The score combines five factors: chromatic harmony (if it follows a recognized pattern like analogous or triadic, +15 points), WCAG contrast between pairs (up to 25 points), luminance range (up to 20 points, more range = better hierarchy), saturation balance (up to 15 points), and hue diversity (up to 25 points). The theoretical maximum is 100.

What is the palette mood or style?

The mood is the visual personality your palette conveys. It's determined by the combination of saturation, lightness, temperature and contrast. For example: highly saturated warm colors = "Vibrant & Energetic", low saturation high lightness = "Pastel & Soft", dark tones = "Dark & Dramatic". It's useful for verifying your palette communicates the intended message.

What do the improvement suggestions mean?

Suggestions are automatic recommendations based on the analysis. A red dot indicates high priority (e.g., no accessible contrast), yellow is medium (e.g., inconsistent saturation), and blue is low (e.g., low saturation). Each suggestion includes a concrete action to improve your palette.

Can I share my palette analysis?

Yes, in two ways: (1) The URL includes colors as a parameter, so you can copy the browser address and share it directly. (2) Use the "Export Report" button to copy a complete plain-text summary with score, harmony, mood, temperature, contrast and suggestions.