Palette Duplicate Finder

Detect duplicate or near-identical colors within a color palette. Keep your design system clean and free of redundant swatches.

Enter Colors

Or load a preset:

What This Duplicate Finder Detects

This tool finds both exact duplicate colors (same hex code appearing multiple times) and near-duplicates (colors so similar they're visually indistinguishable). Set a similarity threshold to catch colors within 5%, 10%, or 20% of each other in HSL color space.

How Duplicate Detection Works

The tool converts each color to HSL (Hue, Saturation, Lightness), then calculates the distance between every pair. Colors within your threshold are grouped together. The first color in each group is kept; the rest are marked as duplicates.

Understanding the threshold

0-3% (Exact match): Only catches identical hex codes like #3b82f6 appearing twice
4-8% (Very similar): Catches near-identicals like #3b82f6 and #3c83f7 — colors that differ by 1-2 RGB values
9-20% (Similar): Catches colors that look similar but aren't identical — useful for consolidating design system tokens

When You Need to Find Duplicate Colors

Merging Design System Tokens

Two teams have been maintaining separate color token files. When merged, the combined palette has 47 colors — but this tool reveals only 32 are unique. The duplicates were created independently but represent the same visual intent.

Cleaning Up Figma Libraries

A designer's Figma file has accumulated colors over months of work. They export all colors, run them through this tool, and discover 8 near-identical grays that can be consolidated into 3. Their color styles become much cleaner.

Auditing Client Brand Assets

A client sends over their "official" brand colors collected from various vendors. The audit reveals 4 slightly different versions of their brand blue — each vendor used slightly different values. They pick one official value and update everyone.

Preparing Palettes for Export

Before exporting a palette to share with teammates, someone runs a duplicate check. They catch 3 accidental duplicates from copy-paste errors. The exported palette is cleaner and more professional.

Reducing CSS Bundle Size

A developer notices their CSS has dozens of color values. They extract all unique colors, find near-duplicates, and consolidate. Their CSS custom properties drop from 50 colors to 28 — smaller bundle, easier maintenance.

How to Use the Duplicate Finder

Paste your color list. Any format works: comma-separated, space-separated, one per line, or even pasted from CSS/JSON. The tool extracts all valid hex codes.

Start with a strict threshold. Begin at 5% to catch only obvious duplicates. If you want more aggressive consolidation, increase to 10-15%.

Review each duplicate group. The tool shows which color will be kept (first in the group) and which will be removed. You can manually adjust before applying changes.

Use the distance metric. Each group shows the maximum distance between colors. A group with 2.3% max distance contains very similar colors. A group at 18% has more noticeable variation.

Copy or remove with one click. Either copy the deduplicated list to your clipboard, or let the tool remove duplicates and show you the cleaned result directly.

Understanding Color Distance

The tool calculates distance in HSL space, weighting hue differences more heavily than saturation or lightness. This matches human perception — we notice hue shifts more readily than slight changes in brightness.

Hue (50% weight)

The actual color (red, blue, green, etc.). A 10° hue shift is more noticeable than a 10% lightness shift.

Saturation (25% weight)

How vivid vs. muted the color is. Differences matter less than hue but still affect perceived similarity.

Lightness (25% weight)

How light or dark. Two colors with same hue but different lightness can still look related (like shade variations).

Frequently Asked Questions

What counts as an exact duplicate?

Exact duplicates have identical hex codes — #3b82f6 and #3b82f6. The tool also normalizes formats, so #3B82F6 (uppercase) and #3b82f6 (lowercase) are treated as identical.

Why are these colors grouped as duplicates when they look different?

If your threshold is set high (15-20%), colors with noticeable differences may be grouped. Lower the threshold to 5-8% for stricter matching. The "max distance" shown for each group tells you how different the grouped colors actually are.

Can I choose which duplicate to keep?

The tool keeps the first color in each group (by order of appearance). To keep a different one, rearrange your input so the desired color appears first in its group, then re-run the detection.

Does this work with color names or RGB values?

Currently, only hex codes are supported. For named colors (like "navy") or RGB values, convert them to hex first using the Color Picker or one of the format converter tools.

How do I handle alpha/transparency?

This tool doesn't currently process alpha channels. Colors with transparency like #3b82f680 are treated as opaque #3b82f6. For full RGBA duplicate detection, you'd need a more advanced tool.

What's a reasonable threshold for design systems?

For consolidating design tokens, 8-12% usually works well. This catches colors that are similar enough to be intentional variations but different enough to potentially be accidental duplicates. Start at 10% and adjust based on results.

Can I merge colors from multiple palettes?

Yes — paste all colors from all palettes into the input. The tool doesn't care about original palette boundaries; it just finds duplicates across the entire set. For more control, use the Palette Merger tool.

Related Palette Management Tools

Use this Duplicate Finder when you need to identify and remove redundant colors from a single palette or merged color list.

Use the Palette Merger when you want to combine multiple palettes with optional duplicate removal during the merge process.

Use the Palette Sorter when you want to organize colors by hue, lightness, or saturation after cleaning up duplicates.

Use the Palette Comparison Tool when you want to compare multiple palettes side-by-side before deciding which to use or merge.

Other Free Color Tools

Search tools