Skip to content
All tools

Discover

Website Color Explorer

Find published websites through their dominant colors and matching palettes.

#2784d5

oklch(0.6 0.15 250)

Compare color in real website designs

  1. Choose a color to find published websites with a similar extracted palette.
  2. Open an example to see how its color works with typography, imagery, and the amount of space around it.
  3. Develop a palette for your own brand, then check the colors in the palette generator and contrast checker.

Matches come from extracted colors in the curated gallery. They do not cover every color on a live site, and a website may have changed since capture. Use the examples as evidence for your own decisions.

WCAG use-of-color guidance

A useful comparison checklist

Background: Where does the largest color area appear?
Accent: Which action or detail receives emphasis?
Text: Is the foreground readable on every surface?
Balance: How much neutral space supports the color?

A shared color can produce very different results. Compare the role and proportion of the color instead of assuming that matching a hex value creates the same visual effect.