Tempered Terrace color palette — #F0F6FB · #DBDAE4 · #C7BBD1 · #477A9D · #404951

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#DBDAE4): a clean, paper-quiet neutral.
• Stone (#C7BBD1): A luminous, dusty violet — the color of wild irises.
• Slate (#477A9D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#404951): 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

• Aged Hollow color palette (#F3F5FE, #E4D4E4, #C8B2D7, #7256B1, #3C3F4D)
• Cypress Drift color palette (#EBF4F2, #E1D0CD, #CAB5B9, #4F8075, #242F2C)
• Driftwood Cabin color palette (#ECF7FF, #A0AFCD, #9B7599, #506C64, #33545D)
• Wandering Navy color palette (#E2E8ED, #A2A9B9, #7C7B9B, #00386A, #071523)
• Muted Olive color palette (#FFF1F5, #B9B084, #697B45, #4B5A76, #31493B)
• Dusty Ultramarine color palette (#EFF6FF, #CCD1E7, #B99ABF, #2151B8, #283345)
• Tempered Alley color palette (#DEE5F2, #5267C9, #302F48, #171F2F, #0C0D13)
• Pale Delta color palette (#EFF6FF, #9FF2FF, #98BAFF, #B071B5, #313756)

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