FREEFree samples · 試供
Test the workflow with free samples.
Twelve named traditional colors in CSS, JSON, and Tailwind formats. Use them to validate your design or frontend pipeline before upgrading to the complete pack.
DOWNLOAD · ~1 KBjapanese-colors-sample.cssCSS custom properties for 12 named traditional colors.↓ DOWNLOADDOWNLOAD · ~1 KBjapanese-colors-sample.tailwind.cjsTailwind v3/v4 theme partial with 12 token names.↓ DOWNLOADDOWNLOAD · ~3 KBjapanese-colors-sample.jsonJSON dataset preview — kanji, kana, romaji, hex, source status.↓ DOWNLOAD
What you can do with the samples
- Drop the CSS variables into a Next.js / Vite / plain HTML project and test naming.
- Import the JSON into a design-system tool, Figma plugin, or AI pipeline.
- Use the Tailwind partial in a sandbox to test the namespaced token approach.
- Compare against the source-status tiers on the methodology page.
Sample colors included
Need the full pack?
Design exports — coming next.
The full Japanese Color Atlas resource pack with all colors, Figma Variables, Procreate, ASE, DTCG tokens, and AI prompt set is in production. From the same studio behind the Chinese Color Atlas resource packs.