Luminos LabsFree tool

Free color picker and palette generatorColor Lab

Pick a color, build a palette, check text contrast against WCAG and pull colors from an image, then export them for CSS, Tailwind or Figma.

  • Free
  • No signup
  • Part of Luminos Labs
How to use it

Done in a few clicks.

  1. 1Pick a base color

    Use the picker or type a HEX value.

  2. 2Choose a harmony

    Analogous, complementary, triadic and more, with as many colors as you need.

  3. 3Check contrast

    See whether text and background pass WCAG.

  4. 4Export

    Copy the codes or export for CSS, Tailwind or Figma.

Questions

Good to know.

Something else on your mind? Send us a message.

What is WCAG contrast?

It is the accessibility guideline for how much contrast text needs against its background so people can read it comfortably. Color Lab shows whether a pair of colors passes.

Can I get colors from a photo or logo?

Yes. Use "Extract from image" to pull a palette from any image you upload.

Is it free?

Yes, with no signup.

Branding

Need a full brand, not just a palette?

Our team designs logos, color systems and type that work together everywhere you show up.

See branding
More free tools

18 tools in Luminos Labs.