Product proof

Concrete product examples built from the live archive

This route exists as a public proof page. It shows what ColorArchive actually sells: curated palette packs, export-ready assets, and live collection previews.

Back to packs Free sample pack Public URL

Business context

ColorArchive is a public static website at colorarchive.me. The site already contains the underlying archive, curated collections, and export flows used to shape these paid digital products.

The paid offers are not generic placeholders. Each pack below is derived from live collections, existing color relationships, and export formats already visible on the site.

Visual preview — what buyers get

Every pack ships as live color tokens you can drop straight into your project.

Editorial

Quiet Luxury

Explore palette

:root {

--quiet-luxury-1: #F2EDF0;

--quiet-luxury-2: #E4DBC8;

--quiet-luxury-3: #C9CDB7;

}

Coastal

Modern Seaside

Explore palette

:root {

--modern-seaside-1: #EAF5EE;

--modern-seaside-2: #A1E3D8;

--modern-seaside-3: #81CBD9;

}

Dark

Nocturne Tech

Explore palette

:root {

--nocturne-tech-1: #1D1F2A;

--nocturne-tech-2: #372886;

--nocturne-tech-3: #205CD5;

}

Product example

Palette Pack Vol. 1

A first paid drop built from your strongest collections. Small enough to ship quickly, concrete enough to test demand.

Best first paid product because it is concrete, low-risk, and already backed by public examples.

Pricing lane

¥299

Designers and founders who want polished palettes they can apply immediately.

Included deliverables

8 curated five-color palette boards

Copy-ready CSS variable exports

Tailwind token snippets for fast setup

A short PDF-style usage guide

Launch assets already published

Product examples pageCollection previewsStatic shareable URLs

Downloadable samples

Preview CSS tokens · CSS Preview JSON data · JSON Adobe Photoshop swatches · ACO Framer design tokens · CSS

Why this is a real product

Every palette is already visible on the public site.

Collections can be copied today as text and CSS variables.

The product is a direct packaging of existing archive value.

Source collections

Quiet Luxury

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

Modern Seaside

Clear coastal blues and seafoam accents with enough structure for UI and brand systems.

Editorial Warmth

Paper-like warm colors for publishing, writing, storytelling, and thoughtful landing pages.

Forest Terrain

Deep greens, moss, earthy browns, and stone for outdoor, editorial, and natural brand work.

Sample export

Example CSS variables generated from Quiet Luxury.

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

Product example

Brand Color Starter Kit

A more premium pack aimed at founders and designers who need a coherent starting point rather than one-off swatches.

Higher-ticket offer aimed at real landing pages and brand refresh work rather than generic swatches.

Pricing lane

¥999

Solo founders, small studios, and landing-page builders who need a coherent starting system.

Included deliverables

Primary, secondary, and accent palette groups

Light/dark interface pairings

CTA and campaign accent recommendations

Export-ready token sheets

Launch assets already published

Pack overviewCollection source setsSupport page offer framing

Downloadable samples

Preview theme tokens · CSS Preview usage notes · TXT

Why this is a real product

Built from palette families already live in the archive.

Matches the exact use case described on the Support page.

Can point to an off-site checkout without adding backend complexity.

Source collections

Quiet Luxury

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

Nocturne Tech

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

Orchid Bloom

Blooming pinks and violets with a soft green counterpoint for beauty, culture, and campaign work.

Nordic Frost

Ice blue, pale grey, and soft lavender for minimal UI, SaaS products, and clean landing pages.

Sample export

Example CSS variables generated from Quiet Luxury.

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

Product example

More visual and shareable. Good for creators, social designers, and as a list-building product.

Useful as either a paid bundle or a lead-generation product because it is highly shareable.

Pricing lane

¥799

Creators, marketers, and social designers who need visually consistent color sets fast.

Included deliverables

Social-ready palette boards

Wallpaper and background color sets

Prompt-friendly descriptive palette text

Mini usage guide for content workflows

Launch assets already published

Word → Color generatorSurprise routeCollection previews

Downloadable samples

Preview creator palette · JSON Preview prompt notes · TXT

Why this is a real product

Ties directly into the existing word-to-color and discovery flows.

Easy to position as a creator-facing digital download.

Has a natural free-to-paid upgrade story.

Source collections

Modern Seaside

Clear coastal blues and seafoam accents with enough structure for UI and brand systems.

Orchid Bloom

Blooming pinks and violets with a soft green counterpoint for beauty, culture, and campaign work.

Candy Pop

Coral, lemon, mint, lavender, and sky — saturated accents for social, D2C, and campaign work.

Sample export

Example CSS variables generated from Modern Seaside.

--modern-seaside-1: #EAF5EE;
--modern-seaside-2: #A1E3D8;
--modern-seaside-3: #81CBD9;
--modern-seaside-4: #2099D5;
--modern-seaside-5: #222744;

Product example

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

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

Included deliverables

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

Launch assets already published

Full color catalogCollection previewsToken format samples

Downloadable samples

Preview CSS tokens · CSS Preview JSON data · JSON Figma / Tokens Studio (nested by family) · JSON Style Dictionary tokens · JSON Adobe Photoshop swatches · ACO Framer design tokens · CSS

Why this is a real product

Every single color from the public archive in production-ready token format.

Four export formats cover every major frontend workflow.

The most comprehensive color token set available from ColorArchive.

Source collections

Quiet Luxury

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

Nocturne Tech

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

Sunset Boulevard

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

Neon After Dark

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

Sample export

Example CSS variables generated from Quiet Luxury.

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

Product example

Dark Mode UI Kit

Pre-paired light and dark token sets for product teams that need dark mode without the manual mapping work.

Mid-tier product that solves a specific pain point — dark mode implementation. Strong appeal for SaaS and product teams.

Pricing lane

¥499

SaaS builders and product designers who need ready-made light/dark paired token sets.

Included deliverables

Paired light and dark mode CSS variable sets

Tailwind CSS 4 dark mode theme tokens

JSON export with light/dark value pairs for every color

Usage guide with contrast ratio annotations

Launch assets already published

Dark mode demosLight/dark comparison previewsToken format samples

Downloadable samples

Preview dark mode tokens · CSS Preview paired JSON · JSON

Why this is a real product

Every palette is pre-paired for light and dark contexts.

Contrast ratios are pre-checked for accessibility compliance.

Drop-in Tailwind dark mode support with no manual mapping.

Source collections

Nocturne Tech

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

Nordic Frost

Ice blue, pale grey, and soft lavender for minimal UI, SaaS products, and clean landing pages.

Monochrome Studio

Pure grayscale with micro-warm and micro-cool shifts for editorial, typography, and minimal UI.

Sample export

Example CSS variables generated from Nocturne Tech.

--nocturne-tech-1: #1D1F2A;
--nocturne-tech-2: #372886;
--nocturne-tech-3: #205CD5;
--nocturne-tech-4: #E133E1;
--nocturne-tech-5: #ADD7D7;

Product example

Seasonal: Spring 2026

A lightweight seasonal drop with curated spring palettes. Low price, high shareability, and a reason to come back each quarter.

Entry-level seasonal product — low friction, high shareability, builds habit of returning for new editions.

Pricing lane

¥99

Designers and creators looking for fresh, seasonal color inspiration.

Included deliverables

Spring-curated palette sets in CSS variable format

Tailwind CSS 4 seasonal theme tokens

JSON export with spring palette metadata

Mood board notes with seasonal application guidance

Launch assets already published

Seasonal collection previewsMood board samplesSpring trend notes

Downloadable samples

Preview spring tokens · CSS Preview spring JSON · JSON

Why this is a real product

Curated from the most relevant archive palettes for the current season.

Low price point makes it an easy impulse purchase.

Seasonal releases create recurring engagement with the archive.

Source collections

Orchid Bloom

Blooming pinks and violets with a soft green counterpoint for beauty, culture, and campaign work.

Matcha & Linen

Japanese-inspired matcha greens with warm linen and paper whites for wellness, tea, and artisan brands.

Sunset Boulevard

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

Sample export

Example CSS variables generated from Orchid Bloom.

--orchid-bloom-1: #B7A1E3;
--orchid-bloom-2: #8A4AC9;
--orchid-bloom-3: #EF95E0;
--orchid-bloom-4: #A45188;
--orchid-bloom-5: #EDF2EE;

Product example

All Access Bundle

All 6 packs in one bundle at 32% off. The simplest way to get everything ColorArchive offers.

The highest-value offer in the catalog. Targets users who see the full range and want everything without choosing.

Pricing lane

¥2,799

Designers and developers who want everything — all 6 packs in one download at a significant discount.

Included deliverables

Everything from all 6 individual packs combined

All 2016 colors in CSS, Tailwind, Figma, SCSS, and JSON formats

Light/dark mode paired token sets

Seasonal spring palettes with mood board notes

Social-ready palette boards and prompt-friendly descriptions

Brand system starter with primary/secondary/accent groupings

Launch assets already published

Full catalogAll collection previewsComplete format coverage

Downloadable samples

Preview CSS tokens (full archive) · CSS Preview dark mode pairs · CSS Preview spring tokens · CSS

Why this is a real product

Every single file from every pack — nothing held back.

32% savings compared to buying all 6 packs individually.

One download, one price, complete color infrastructure.

Source collections

Quiet Luxury

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

Nocturne Tech

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

Sunset Boulevard

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

Matcha & Linen

Japanese-inspired matcha greens with warm linen and paper whites for wellness, tea, and artisan brands.

Sample export

Example CSS variables generated from Quiet Luxury.

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