Tempered Terrace color palette — #F1F7F2 · #D1DEDE · #C2B3A8 · #81B5A8 · #494F4A

A conversation between Sage and Stone, giving this palette its sense of sophistication and softness.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D1DEDE): bright and airy, almost weightless.
• Stone (#C2B3A8): A luminous, dusty gold — the color of old brass.
• Sage (#81B5A8): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#494F4A): a grounded near-black with real depth.

Feels like: Sophistication, Softness, Clarity. 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

• Washed Cerulean color palette (#EBF4F6, #D5D7DE, #B5ACB5, #5C8B98, #2D383B)
• Fern Orchard color palette (#F9F5EA, #BDE3D3, #87BD99, #798C7B, #4D4800)
• Patina Abyss Veranda color palette (#EAF3EC, #AEBFB9, #A686A0, #00444D, #000200)
• Dusty Periwinkle color palette (#FFF3E8, #9BEEEF, #80A4D5, #8E6A4F, #31443A)
• Washed Violet color palette (#FDF1F8, #E5D7D4, #BDAC93, #7A62EB, #301E28)
• Tempered Sky color palette (#E8FAF2, #4BBCEC, #614D5E, #1F2F28, #0C110C)
• Ancient Orchard color palette (#F4EBF1, #E2C8D1, #C097B8, #3A4392, #070005)
• Ash Field color palette (#F0F7F3, #D2DCDE, #BCB1A5, #80B1AC, #47504A)

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