Tempered Terrace color palette — #EDF4EE · #D8DBEE · #879DC4 · #3D7386 · #2D364A

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EE): bright and airy, almost weightless.
• Silver (#D8DBEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#879DC4): A luminous, dusty violet — the color of a velvet chair.
• Slate (#3D7386): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#2D364A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Patina Studio color palette (#EDF4EE, #BAE5F0, #3D9DAA, #2A6C56, #043044)
• Worn Cypress color palette (#F9F4EF, #CCE4E8, #8E97BF, #197D81, #694754)
• Weathered Denim color palette (#D8E4DA, #6EA3CB, #24579C, #003843, #040031)
• Worn Petrol Parlor color palette (#E2ECE4, #88BDCE, #13749F, #004B4B, #00162E)
• Softworn Olive color palette (#E5F6F2, #A2BD8B, #AC8FBD, #5E7D40, #302D48)
• Washed Garden color palette (#FBF2F5, #D9D4DE, #C4BBE1, #5C9FA1, #494B64)
• Dusty Lagoon color palette (#E0EFE3, #328789, #00434F, #002018, #000103)
• Patina Driftwood color palette (#DBF9F4, #83A976, #6F8FBE, #A56365, #142C29)

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