ColorArchive
Log in
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.

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
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
Open all
Quiet Luxury
Soft neutrals and muted warm surfaces for editorial, beauty, and premium product work.
View
Modern Seaside
Clear coastal blues and seafoam accents with enough structure for UI and brand systems.
View
Editorial Warmth
Paper-like warm colors for publishing, writing, storytelling, and thoughtful landing pages.
View
Forest Terrain
Deep greens, moss, earthy browns, and stone for outdoor, editorial, and natural brand work.
View
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
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
Open all
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
Orchid Bloom
Blooming pinks and violets with a soft green counterpoint for beauty, culture, and campaign work.
View
Nordic Frost
Ice blue, pale grey, and soft lavender for minimal UI, SaaS products, and clean landing pages.
View
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
Creator Bundle

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
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
Open all
Modern Seaside
Clear coastal blues and seafoam accents with enough structure for UI and brand systems.
View
Orchid Bloom
Blooming pinks and violets with a soft green counterpoint for beauty, culture, and campaign work.
View
Candy Pop
Coral, lemon, mint, lavender, and sky — saturated accents for social, D2C, and campaign work.
View
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
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
Open all
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 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
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
Open all
Nocturne Tech
Dark-spectrum product colors with enough neon contrast to feel modern, not generic.
View
Nordic Frost
Ice blue, pale grey, and soft lavender for minimal UI, SaaS products, and clean landing pages.
View
Monochrome Studio
Pure grayscale with micro-warm and micro-cool shifts for editorial, typography, and minimal UI.
View
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
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
Open all
Orchid Bloom
Blooming pinks and violets with a soft green counterpoint for beauty, culture, and campaign work.
View
Matcha & Linen
Japanese-inspired matcha greens with warm linen and paper whites for wellness, tea, and artisan brands.
View
Sunset Boulevard
Warm oranges, pink-golds, and sunset gradient tones for lifestyle, travel, and campaign work.
View
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
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
Open all
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
Matcha & Linen
Japanese-inspired matcha greens with warm linen and paper whites for wellness, tea, and artisan brands.
View
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;