Tempered Terrace color palette — #D8E1E5 · #B1C7DA · #98A5BB · #006D7B · #0C222B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D8E1E5): a clean, paper-quiet neutral.
• Sky (#B1C7DA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#98A5BB): A luminous, dusty violet — the color of wild irises.
• Teal (#006D7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0C222B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Abyss color palette (#E2F1F6, #AFBBC6, #838DAA, #004E56, #08232C)
• Worn Ridge color palette (#EEF8F1, #CBDEDE, #CAB1CB, #006B7D, #031007)
• Muted Petrol Coast color palette (#EBEEF7, #D7D5E8, #BCB3C7, #6E69A2, #2A2D38)
• Navy Terrace color palette (#DBE2ED, #9EA3BE, #87829B, #244085, #030916)
• Hushed Periwinkle Quarry color palette (#CEE3E6, #6A95D2, #7B60A0, #5D4D21, #123620)
• Ultramarine Bloom color palette (#F0E1E7, #0090A4, #374CB1, #542D00, #001926)
• Worn Moss color palette (#DAF1E7, #63A656, #007254, #004E5B, #00201D)
• Sunlit Mulberry Boulevard color palette (#CEEEFE, #008398, #930067, #452E00, #181000)

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