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

Stone & Teal

Stone and teal is the restraint palette — built on the principle that most visual space should be as neutral as possible to give the accent color maximum force. The neutral range runs through warm olive-shifted grays that feel material rather than digital: they have enough warmth to feel like stone, plaster, or unbleached linen rather than monitor gray. Against this warm neutral ground, the teal accent reads with exceptional clarity — cool, precise, and purposeful. Olive-veil-muted provides the near-white background, slightly warm enough to prevent the clinical sterility of pure white; olive-whisper-muted is the secondary surface for cards and raised elements — the difference between it and the veil tone is enough to create visual depth without introducing contrast that competes with the teal; olive-mist-muted acts as the divider and secondary text color, maintaining the warm neutral character at medium lightness; olive-tone-muted provides the darker neutral for secondary actions, labels, and supporting interface elements; teal-core-clear is the single vivid element — the interactive color, the brand moment, the signature. Used at approximately 10% of total color area.

Stone and teal's discipline is its strength and its constraint: it requires restraint in execution. Every addition of a second vivid color breaks the palette's logic — the architect's one-accent rule is non-negotiable here. This makes it ideal for experienced design teams who understand that limiting the palette simplifies future decisions, but difficult for organizations where multiple stakeholders add 'just one more color' to communications over time. The warm neutral family (olive-shifted) pairs best with photography that includes natural materials: stone, wood, concrete, linen, ceramic. Avoid photography with strong saturated backgrounds (which compete with the teal) or strong cool tones (which conflict with the warm neutral base). Typography should be minimal — ideally a geometric sans-serif that doesn't introduce its own personality competing with the palette's restraint.

MinimalNeutral+AccentProfessional
Why this set works

Warm greige neutrals grounded by a single precise teal accent — the architect's palette for interiors, services, and professional digital work.

Architecture and interior design firms
Premium real estate and property
Professional services and consulting
Minimal digital products and SaaS
Corporate brand identity
Prompt words
architectural office interior in warm stone and teal accentsprofessional services firm website with minimal warm-neutral designinterior design studio with warm concrete and teal brand colorconsulting firm digital identity in stone and tealpremium real estate brand in warm neutral with teal accents
Export ready
1. Olive Veil Muted #FAFBF9
2. Olive Whisper Muted #F1F2ED
3. Olive Mist Muted #E7EAE1
4. Olive Tone Muted #9FAB87
5. Teal Core Clear #38BC90
--stone-and-teal-1: #FAFBF9;
--stone-and-teal-2: #F1F2ED;
--stone-and-teal-3: #E7EAE1;
--stone-and-teal-4: #9FAB87;
--stone-and-teal-5: #38BC90;

3/3 free exports remaining today

Dark mode pairs
#FAFBF9
#1A1E15
#F1F2ED
#1C1D16
#E7EAE1
#1B1D16
#9FAB87
#505841
#38BC90
#9BDAC5

3/3 free exports remaining today

WCAG contrast audit

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

#FAFBF9
1:1 Fail
20.2:1 AAA
#F1F2ED
1.1:1 Fail
18.7:1 AAA
#E7EAE1
1.2:1 Fail
17.3:1 AAA
#9FAB87
2.4:1 Fail
8.6:1 AAA
#38BC90
2.4:1 Fail
8.8:1 AAA

Color-on-color pairs:

+
1.1:1 Fail
+
1.2:1 Fail
+
2.3:1 Fail
+
2.3:1 Fail
+
1.1:1 Fail
+
2.2:1 Fail
+
2.1:1 Fail
+
2:1 Fail
+
2:1 Fail
+
1:1 Fail

3/3 free exports remaining today

Palette

Each swatch links back to its individual archive detail page.

Back to collections
1
Olive Veil Muted
#FAFBF9
Lime · hsl(80, 18%, 98%)
2
Olive Whisper Muted
#F1F2ED
Lime · hsl(80, 18%, 94%)
3
Olive Mist Muted
#E7EAE1
Lime · hsl(80, 18%, 90%)
4
Olive Tone Muted
#9FAB87
Lime · hsl(80, 18%, 60%)
5
Teal Core Clear
#38BC90
Teal · hsl(160, 54%, 48%)
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 Stone & Teal

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.
Related guides
Building Neutral Color Palettes for Design Systems
How to design the neutral palette that forms the backbone of any design system — covering warm vs. cool neutrals, gray scale construction, and when neutrals are the primary design decision.
Accessible Color Schemes for Nonprofits and ADA Compliance
Build WCAG-compliant color palettes for nonprofit websites — essential for government-funded organizations and grant requirement adherence.
Accessible Color Schemes for Food Packaging and Labels
Design food and beverage packaging colors that meet accessibility standards, serve aging consumers, and keep allergen and nutrition info legible.