Tempered Terrace color palette — #F8F5EF · #C9E7EB · #7E99CA · #31798F · #614A5A

Built around Blue Fog, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Frost (#C9E7EB): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7E99CA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#31798F): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#614A5A): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Sunlit Cobalt color palette (#DBFDE9, #78BDDC, #4892CE, #406395, #624A5D)
• Softworn Turquoise Garden color palette (#F8F5EF, #C8E8E0, #52A7B9, #427B6C, #385146)
• Amber Balcony color palette (#FAF2FB, #88B4E4, #C18D56, #4776A7, #524C46)
• Driftwood Summit color palette (#FFF0FE, #6F99D7, #C16E71, #5B834D, #4C3D4B)
• Washed Petrol color palette (#F4EDE3, #7ABDD2, #00719D, #004F50, #0A2F51)
• Weathered Chapel color palette (#FBF1FB, #E8D6D8, #E6B1B6, #6C9989, #5A4C57)
• Cobalt Meadow color palette (#FFF0FD, #B3CCF8, #5C80C5, #3B527F, #492F44)
• Tempered Parlor color palette (#FCF4E8, #9CDAE5, #008DB0, #00675E, #134461)

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