Tempered Terrace color palette — #F0F7F3 · #D3DBDB · #A6ACBA · #8C8351 · #4D5550

A conversation between Mocha and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#D3DBDB): bright and airy, almost weightless.
• Ash (#A6ACBA): A luminous, dusty violet — the color of twilight just after sunset.
• Mocha (#8C8351): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#4D5550): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Terrace into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Patina Driftwood color palette (#EDF4EF, #CEDADB, #A7B3C0, #928154, #323834)
• Ancient Ridge color palette (#E8FAF1, #A2AE79, #5F8258, #006574, #344E47)
• Lagoon Villa color palette (#EDF8F7, #A1CACA, #588B8F, #496F5F, #395353)
• Timeworn Archive color palette (#E1EBEC, #96AEB3, #67858D, #004235, #00181B)
• Fern Bloom color palette (#E7F1EE, #C1D0CD, #86A8A6, #3C6100, #18342E)
• Tempered Denim Cabin color palette (#ECF8F8, #6AA78B, #2C7D89, #25548C, #483A60)
• Jade Alley color palette (#ECF9F4, #F9F2B6, #B9D17F, #73B16A, #274B42)
• Washed Driftwood Corridor color palette (#F1F7F2, #D3DBDA, #A3ADBA, #987E50, #4E544F)

Browse the whole catalog at Explore, or see today's palette.