ColorArchive - 3066 curated colors with ready-to-use design tokens
by•
A calm, searchable color archive with curated shades. Browse by family, build palettes, check WCAG contrast, and export production-ready tokens for Figma, CSS, Tailwind, and Style Dictionary. Free sample pack included.
Replies
Best
Maker
📌
Hi Product Hunt! I built ColorArchive because I got tired of copying hex values from random generators into half-broken token files.\n\nColorArchive is a library of 2,016 algorithmically generated colors organized by hue family, lightness, and chroma. Every color has a detail page with tonal companions, complementary pairings, and one-click copy for hex, RGB, HSL, and CSS custom properties.\n\nThe real product is the token pipeline. Every color exports as CSS variables, Tailwind config, Figma-ready JSON, Style Dictionary tokens, SCSS maps, and more. We also ship curated palette packs — brand starter kits, dark mode UI kits, seasonal collections — as structured downloads you can drop into a design system without reformatting anything. The entire frontend is a static Next.js site on GitHub Pages with zero backend dependencies for browsing. There's a free sample pack if you want to try the file quality before buying. Would love your feedback on the archive, the tools, and the token exports.
Replies