Tempered Terrace color palette — #FCF2F7 · #7F7DB7 · #6D5C93 · #644700 · #3F2F40

Built around Slate, softened by Bronze — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FCF2F7): a clean, paper-quiet neutral.
• Slate Blue (#7F7DB7): A luminous, balanced violet — the color of a velvet chair.
• Slate (#6D5C93): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#644700): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#3F2F40): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Worn Garden color palette (#ECF9F3, #5F94B3, #68669B, #764000, #21382F)
• Softworn Pier color palette (#FCF2F6, #857BAA, #96506A, #395B0C, #45313B)
• Antique Lagoon color palette (#FBEDF6, #7177B2, #4A363A, #32242D, #111B1C)
• Washed Fern color palette (#F5F7E6, #73B4BE, #7170A9, #3C662C, #324F44)
• Antique Veranda color palette (#EAF3FB, #4B8FB7, #A0555C, #584800, #071F21)
• Wandering Cerulean color palette (#EFF7F5, #DCD5D2, #A7A495, #5D86AB, #485652)
• Frosted Aubergine Dune color palette (#E1FFE5, #9ECCBC, #6D7BB7, #73438A, #70264F)
• Softworn Blush color palette (#FDF1FB, #CDDCF4, #C9BAEE, #BF78A2, #61404F)

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