Tempered Terrace color palette — #F4F4FF · #D796E5 · #C0796B · #417393 · #1D2130

Mauve and Caramel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Mauve (#D796E5): A luminous, balanced pink — the color of peonies in June.
• Caramel (#C0796B): A luminous, balanced orange — the color of autumn markets.
• Slate (#417393): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#1D2130): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Lilac Workshop color palette (#F1F5FF, #A1A9FF, #BD7391, #2F7375, #18242F)
• Weathered Taupe color palette (#F4F4FF, #CBAEE3, #BCA868, #4C9478, #2E3844)
• Timeworn Hollow color palette (#F9F2FD, #FFB2CA, #C98868, #766B3C, #353454)
• Blush Terrace color palette (#FAF2FE, #F882AF, #5D4F5F, #2E2931, #100E13)
• Powder Study color palette (#EFF6FF, #89B5FF, #77A676, #2C756B, #182831)
• Patina Dune color palette (#FEF0FF, #F36B85, #9B7D27, #5C5187, #191123)
• Chestnut Boulevard color palette (#FCEEF1, #9579A1, #7C6106, #005D48, #221623)
• Wandering Harbor color palette (#FFF0F9, #E6D6D5, #DE97AD, #9C636D, #612A2B)

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