Webzooo: Website Inspiration Organised by Colour

Last updated: August 2026

Every design inspiration gallery is organised the same way: newest first, then maybe a category filter. Which is fine, until you're sitting with a brand colour already chosen and a stakeholder asking what a site built on that colour actually looks like.

You can't answer that by scrolling Awwwards. You need to search by the colour itself.

That's the whole idea behind Webzooo — a gallery of over 4,000 real websites indexed by colour rather than by date. It's free, and it solves a genuinely awkward step in the branding process that almost nothing else addresses directly.

The problem colour-first browsing actually solves

Here's the moment it matters. A client says their brand is indigo. You have #1D4ED8 in a Figma file. Now you need to know: what does indigo look like when it's carrying an entire site? Does it feel like fintech or like a crypto scam? What neutral does it want next to it? What happens to it in dark mode?

You can guess. You can build three versions and let the client pick. Or you can look at forty real sites already doing it and skip a week of iteration.

Traditional galleries can't answer this because they're indexed by recency and quality, not by attribute. Webzooo is indexed by the thing you actually have in hand.

How it's organised

Nine core colour collections — red, orange, yellow, green, blue, pink, indigo, black, plus light and dark mode views. This is the top-level browse, and it's the fastest way in when you have a rough direction rather than a specific value.

Hex code search is the sharper tool. Drop in something like #1D4ED8 and it surfaces the closest real-world brand palettes. This is the feature that makes it a working tool instead of a mood board — you're matching against a specific value, not a vibe.

33 industry filters — SaaS, fintech, healthcare, e-commerce, portfolios, Web3, beauty and fashion, and more. Filters combine, which is where it gets genuinely useful: blue + fintech is a completely different visual language from blue + beauty, and being able to isolate that in two clicks is the difference between research and browsing.

What each entry records: dominant colour, the full palette with hex codes, typography, and a full-page screenshot. That last one matters more than it sounds — most galleries show you a hero crop, which tells you nothing about how a colour survives 4,000 pixels of scroll.

A workflow that actually works

1. Start from the constraint you already have. A brand hex, a client's existing logo colour, or a category convention you're deciding whether to follow or break.
2. Search the hex, then widen. Look at the exact matches first, then step out to the colour collection to see the range. You're building a mental model of what the colour can do.
3. Add the industry filter and compare. Look at your category, then deliberately look at a completely different one. The gap between blue + healthcare and blue + Web3 is the most instructive thing on the site.
4. Steal the neutrals, not the brand colour. Everyone gets the accent right and the greys wrong. The full-palette hex list on each entry is the most useful data on the page and the part most people skip.
5. Check dark mode. Use the light and dark views to see whether the colour holds up in both. Most brand palettes are chosen in light mode and then break.

Where it fits against the other galleries

Webzooo isn't competing with Awwwards or Godly — those answer "what does excellent look like right now." It's not Mobbin, which answers "how do real apps handle this flow."

It answers one narrower question very well: what do real sites built on this colour look like?

That makes it a research tool rather than a browsing tool, and it means the honest use case is narrower than the general galleries — you reach for it during brand and direction work, not when you want to feel inspired on a Tuesday. For that specific job, there isn't much else pointed at the same problem.

Frequently paired with

Colour is one axis. Once you've locked the palette, these cover the others:

For overall craft and current visual standards.

For real product UI flows rather than marketing pages.

For dark interfaces specifically, if that's the direction.

When restraint is the brief.

We keep a full directory of inspiration galleries — 248 of them and counting — if you want to browse the whole category. For a broader ranked list, see our guide to the best website inspiration sites.

Built something in this space? Submit it and we'll take a look.