We're live on Product Hunt!Support us
ColorArchive

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

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
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

Check these colors together: contrast, harmony, color-blind view →Tap a color to copy its HEX

No two colors here reach 4.5:1 for body text. Set text in white or black instead — each swatch's HEX is drawn in whichever reads better.

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
:root {
  --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;
}
Dark mode pairs
#FAFBF9
#1A1E15
#F1F2ED
#1C1D16
#E7EAE1
#1B1D16
#9FAB87
#505841
#38BC90
#9BDAC5
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

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%)

More collections like this

Browse collections →
  • Moss and Linen
  • Bamboo Grove
  • Morning Ceramic
  • Sage Fog
Go further
Unlock Pro
Pro removes the daily export cap, in every token format.
Learn about Pro
Take this palette further

Ready-made tokens for Stone & Teal

Copy the HEX, CSS and Tailwind on this page any time. The ZIP and dark-mode tokens count toward the free 3 exports a day (10 when signed in); Pro removes that cap on every export, including Figma tokens and Procreate swatches in the palette builder.

Upgrade to ProBrowse collections
Upgrade path

From collection to Pro

This collection proves the taste and color direction. Pro removes the daily export cap on every token format, so the palette can move from reference to implementation without rationing.

LayerWhat you have hereWhat Pro adds
ScopeOne curated palette of 5 colors.The same palettes, with no daily export cap anywhere on the site.
OutputHEX, CSS and Tailwind to copy any time. The ZIP and dark-mode tokens count toward the site's free exports: 3 a day, 10 when signed in.No daily limit on any export: this ZIP (CSS, Tailwind, JSON, SCSS), the dark-mode tokens, and Figma tokens and Procreate swatches in the palette builder.
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.