The color space that ensures your UI, game, or illustration represents everyone. Free tool + npm package.
No signup fees · Free forever · Join 500+ developers
A recent Show HN with 442 points and 87 comments highlighted a simple algorithm that generates realistic skin tones. The intense engagement — designers and developers asking for export formats, CSS variables, and JSON — proves a real pain point. Most existing tools either ignore skin tone ranges or rely on generic color palettes that miss the subtlety of human skin. The result: interfaces, games, and illustrations often fail to represent users authentically, leading to biased products and missed connections.
Current solutions like Coolors or Adobe Color are either too generic or too heavy. They don't offer a dedicated, scientifically grounded skin tone generator. Meanwhile, the demand for inclusive design is growing — companies are being called out for lack of representation. This is the perfect moment for a lightweight, developer-friendly tool that generates diverse skin tones instantly. The algorithm is proven, the community is engaged, and the gap is wide open.
Select how many skin tones you need — from 1 to 20. The algorithm adjusts the color space to ensure a balanced, diverse representation across the full human spectrum.
Warm, cool, or neutral — the generator fine-tunes the palette to match your design's mood. Each tone is computed using a validated color space model, not random hex codes.
Download your palette as CSS variables, JSON, SVG, or PNG. Use the npm package to integrate directly into your build. Perfect for design systems, game assets, or illustrations.
Based on a scientifically validated color space, not random picking. Every palette is balanced for diversity and realism, ensuring your designs represent the full spectrum of human skin tones.
Install via npm with a single command. Export to CSS custom properties, JSON, or SVG. Built for modern workflows — use it in React, Vue, or any design tool. Zero config.
Free online tool, no registration required. Open the page, generate your palette, and export. The npm package is free forever. Pro features (Figma export) are a one-time $9.