About
A library of real color,
collected from the web.
Color Stack gathers the color palettes of real, live websites into one browsable library. No generator, no synthetic swatches, just the hues designers actually shipped, refreshed daily.
What it is
Every palette here was pulled from a real website. The library grows a little each day as new sites are added, and each palette keeps a link back to where it came from, so you can study the colors in their original context.
You can browse the gallery, search by color name, open any palette to inspect and re-sort its colors, or dig into a single color's exact values. A browser extension lets you collect colors from any page you visit, the same way this catalog was built.
How it works
Browse the library
Open the gallery to wander real palettes, search 30,000 named colors, or land on any single color's detail page.
Collect from anywhere
Prefer your own sources? The browser extension pulls a palette straight off any live web page in one click.
Copy & export
Tap any swatch to copy its hex. Send a whole palette to Figma as Styles and Variables when you're ready to build.
Figma export
Any palette exports to Figma in one click as a JSON the Figma import plugin understands, generating both color Styles and Variables. Useful for keeping a borrowed palette consistent across a real project.
Read the Figma guideHow it’s built
Color Stack is a static site. There are no accounts, no logins, and nothing to install to browse. The catalog is read-only JSON, regenerated from a single source file, so what you see is exactly what’s deployed.