Complete Archive Token Set

The full archive in every token format. Built for design system teams that want comprehensive, production-ready color infrastructure.

The premium tier product — highest price point justified by comprehensive coverage of the entire 2016-color catalog.

Pricing lane

¥1,499

Checkout

Lemon Squeezy

Checkout ready

Buy now Complete Archive Token Set

What this pack is for

Design system leads and developers who need a comprehensive, production-ready color token library.

All 2016 colors in CSS variable format

Complete Tailwind CSS 4 theme tokens

Figma-friendly token JSON export

Style Dictionary token JSON for build pipelines

Structured JSON with hex, HSL, RGB for every color

SCSS color maps organized by hue family

Source collections

Open all collections

Quiet Luxury

Soft neutrals and muted warm surfaces for editorial, beauty, and premium product work.

View

Nocturne Tech

Dark-spectrum product colors with enough neon contrast to feel modern, not generic.

View

Sunset Boulevard

Warm oranges, pink-golds, and sunset gradient tones for lifestyle, travel, and campaign work.

View

Neon After Dark

Cyber neon colors on deep dark bases for gaming, nightlife, and bold tech products.

View

Sample token export

Generated from Quiet Luxury.

--quiet-luxury-1: #F2EDF0;
--quiet-luxury-2: #E4DBC8;
--quiet-luxury-3: #C9CDB7;
--quiet-luxury-4: #9FAB87;
--quiet-luxury-5: #2A1D1F;

After you buy

Instant download via checkout provider · Delivered immediately after payment confirmation

1Complete checkout on the provider page (Lemon Squeezy or Stripe).
2Receive a confirmation email with a secure download link.
3Download the ZIP bundle — no account required.
4Unzip to find CSS variables, Tailwind tokens, JSON data, and SCSS maps for all 2016 colors.

The bundle includes: complete CSS variables file, Tailwind CSS 4 theme tokens, structured JSON export with hex/HSL/RGB, and SCSS maps organized by hue family. All 2016 colors included.

FAQ

Does this include every color on the site?

Yes. The complete archive ships all 2016 colors across every hue, lightness, and chroma combination in four production-ready formats.

Can I use these tokens in my design system?

Absolutely. The tokens are structured for direct integration into CSS, Tailwind, SCSS, or any JSON-based design tool pipeline.

Related guides

tailwind color tokens

Tailwind Color Tokens Without Losing the Design System in Handoff

A guide to structuring Tailwind color tokens so the system stays aligned with CSS variables, JSON exports, and design files instead of fragmenting during implementation.

design system palette

Design System Palette Ideas That Survive Component Growth

A practical guide to building a design system palette that still works after the component library gets larger, more stateful, and harder to maintain by taste alone.