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.
Warm greige neutrals grounded by a single precise teal accent — the architect's palette for interiors, services, and professional digital work.
Each swatch links back to its individual archive detail page.
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.
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.
| Layer | What you have here | What Pro adds |
|---|---|---|
| Scope | One curated palette of 5 colors. | The same palettes, with no daily export cap anywhere on the site. |
| Output | HEX, 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 case | Direction finding, inspiration, and public proof. | Real project handoff, implementation, and reusable production assets. |