Tempered Terrace color palette — #F7EFF2 · #D8DBEF · #889DC0 · #027986 · #2F354C

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7EFF2): a clean, paper-quiet neutral.
• Silver (#D8DBEF): A whisper-light, dusty violet — the color of a velvet chair.
• Blue Fog (#889DC0): A luminous, dusty violet — the color of wild irises.
• Teal (#027986): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2F354C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, 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

• Periwinkle Meadow color palette (#EFF7F7, #D8DBEC, #759CCB, #407690, #475365)
• Hushed Petrol color palette (#EFE6EC, #93BACE, #0072A9, #004C43, #021338)
• Timeworn Forest Loft color palette (#F6F0F4, #C8E2E8, #419CAC, #12703E, #003046)
• Hushed Denim color palette (#F8EAEF, #7FA0BC, #2B55A0, #00393D, #0A002D)
• Weathered Thicket color palette (#F7EBF3, #53808D, #004351, #002111, #000103)
• Wandering Olive Alley color palette (#E5F6F1, #A9BB8B, #AF8DBE, #627D25, #3D2647)
• Driftwood Corridor color palette (#E5F6F2, #C7D6F3, #B5B1DA, #97885C, #274745)
• Dusty Driftwood Studio color palette (#FDECF4, #ABC3AB, #9E7588, #6B4C65, #1D3126)

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