Tempered Terrace color palette — #EFF6FB · #DBDAE4 · #C4BCC8 · #407C99 · #40494F

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#DBDAE4): a clean, paper-quiet neutral.
• Stone (#C4BCC8): soft and architectural.
• Slate (#407C99): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#40494F): quiet, heavy and certain.

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

• Washed Cobalt color palette (#ECF4F1, #DAD1D0, #C5B5B7, #2B7DAA, #252F2B)
• Cypress Meadow color palette (#D9FAFF, #9CB9CA, #7A8197, #3B6960, #304D60)
• Pewter Hollow color palette (#F4F4FC, #E2D5DE, #BCAFBA, #71568A, #393948)
• Dusty Abyss color palette (#DEE8F2, #A0A9BD, #7E7C93, #003B5C, #021526)
• Washed Cabin color palette (#EEEDF7, #BEB5C4, #A08499, #5E2A70, #1F1D2B)
• Tempered Fern color palette (#E2FDEF, #48A7B2, #626498, #545000, #224155)
• Tempered Navy color palette (#E9ECF4, #9998A8, #766C7E, #1D1572, #030818)
• Frosted Loft color palette (#EDF6FF, #4A8FC4, #89560B, #604100, #373C00)

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