We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,000+ algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesNotesGuidesFree ResourcesConvertColorblindAboutSupportUpdates
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
Collection detail

Sage Fog

A green-dominant palette positioned in the grey-green sage territory — not the vivid mint of nature palettes nor the deep emerald of luxury collections, but the quieter mid-green range that designers reach for when they want calm, breath, and organic warmth without natural drama. The moss-whisper-muted is the palette's lightest entry: a green so desaturated it reads as a warm off-white with a subtle green cast — the exact background tone that photography-heavy layouts and reading-optimized interfaces benefit from. The leaf-silk-soft provides the palette's clearest expression of the sage-green identity at mid-lightness — a tone that reads unmistakably as plant matter but without any brightness or shout. The olive-mist-muted shifts the palette toward the yellow-green territory at a very pale lightness — a whisper olive that works as a differentiated secondary surface or subtle highlight. The jade-bloom-soft is the palette's mid-dark and most verdant entry — a soft jade that introduces depth and a slightly cooler green temperature. The seafoam-tone-muted is the neutralizing entry: a sage-adjacent tone that bridges green and blue-green, preventing the palette from reading as too warm or too botanical while maintaining the family coherence. Together, these five entries provide enough range for a complete design system built on the sage-green register.

Sage-green palettes succeed when they resist the temptation toward brightness. Every entry here is below the saturation threshold where green starts reading as energetic, natural, or verdant, which allows the palette to read instead as calm, minimal, and considered. The moss-whisper-muted background creates the effect of slightly warm paper — a better reading surface than pure white for long-form content. Use jade-bloom-soft for primary interactive elements and seafoam-tone-muted for secondary actions to maintain the palette's visual quietness even at the action layer. Pairs well with warm grey type rather than cool dark grey or black, and with botanical photography styled at muted, ambient light rather than high-contrast natural lighting.

WellnessEditorialCalm
Why this set works

Soft sage greens, muted moss, and quiet jade for wellness, editorial, and calm digital experiences.

Wellness and mindfulness apps
Plant-based food and supplement brands
Editorial and long-form reading interfaces
Natural beauty and skincare
Prompt words
morning steam over still watersage bundle dryinggrey-green linen curtainmoss covered stone gardenquiet botanical library
Export ready
1. Moss Whisper Muted #EFF2ED
2. Leaf Silk Soft #9BC992
3. Olive Mist Muted #E7EAE1
4. Jade Bloom Soft #ADD7C2
5. Seafoam Tone Muted #87AB93
--sage-fog-1: #EFF2ED;
--sage-fog-2: #9BC992;
--sage-fog-3: #E7EAE1;
--sage-fog-4: #ADD7C2;
--sage-fog-5: #87AB93;

3/3 free exports remaining today

Dark mode pairs
#EFF2ED
#191D16
#9BC992
#4E7D45
#E7EAE1
#1B1D16
#ADD7C2
#223E30
#87AB93
#415849

3/3 free exports remaining today

WCAG contrast audit

WCAG contrast ratios for all palette color pairs against white and black text.

#EFF2ED
1.1:1 Fail
18.6:1 AAA
#9BC992
1.9:1 Fail
11.2:1 AAA
#E7EAE1
1.2:1 Fail
17.3:1 AAA
#ADD7C2
1.6:1 Fail
13.3:1 AAA
#87AB93
2.5:1 Fail
8.3:1 AAA

Color-on-color pairs:

+
1.7:1 Fail
+
1.1:1 Fail
+
1.4:1 Fail
+
2.2:1 Fail
+
1.5:1 Fail
+
1.2:1 Fail
+
1.3:1 Fail
+
1.3:1 Fail
+
2.1:1 Fail
+
1.6:1 Fail

3/3 free exports remaining today

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Moss Whisper Muted
#EFF2ED
Green · hsl(100, 18%, 94%)
2
Leaf Silk Soft
#9BC992
Green · hsl(110, 34%, 68%)
3
Olive Mist Muted
#E7EAE1
Lime · hsl(80, 18%, 90%)
4
Jade Bloom Soft
#ADD7C2
Teal · hsl(150, 34%, 76%)
5
Seafoam Tone Muted
#87AB93
Green · hsl(140, 18%, 60%)
Editorial direction

Collections should do more than group swatches. Each one should read like a usable design direction with a clear emotional lane and a real application surface.

This detail route is the missing layer between a generic palette gallery and a convincing design reference. It gives the set a specific point of view.

Go further
Unlock Pro
Pro members get unlimited exports, advanced token formats, and priority access to new collections.
Learn about Pro
Take this palette further

Ready-made tokens for Sage Fog

Pro members can export these colors as Figma tokens, CSS variables, Tailwind config, and Procreate swatches — structured to drop directly into your project.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro members get advanced token exports, usage guidance, and downloadable assets so the palette can move from reference to implementation.

LayerWhat you have hereWhat Pro adds
ScopeOne curated five-color editorial direction.Unlimited access to all collections, broader token coverage, and advanced exports.
OutputVisual palette, copyable CSS preview, and per-color archive pages.Downloadable CSS, JSON, Tailwind, Figma tokens, and Procreate swatches.
Use caseDirection finding, inspiration, and public proof.Real project handoff, implementation, and reusable production assets.