A calm, searchable color archive with 5,446 curated shades. Browse by family, build palettes, check WCAG contrast, and export production-ready tokens for CSS, Tailwind, JSON and SwiftUI. Now with a free Figma plugin — browse the full library in Figma & FigJam, apply fills, generate 30-style brand scales, and check contrast without leaving your canvas.

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.

Maker update (June 2026): ColorArchive is now a Figma plugin 🎨 All 5,446 curated colors inside Figma & FigJam — browse and search the full library, apply fills in one click, create paint styles, check WCAG contrast on any selected layer, generate 30-style brand scales, and export CSS/Tailwind/JSON. Free on Figma Community: https://www.figma.com/community/plugin/1616829363158218051 — feedback very welcome!

ColorArchive

5,446 curated colors, WCAG tools & a free Figma plugin

5,446 curated colors, WCAG tools & a free Figma plugin