Tempered Terrace color palette — #ECF5EC · #B18E5E · #94779A · #7F4C60 · #182718

Built around Caramel, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#ECF5EC): bright and airy, almost weightless.
• Caramel (#B18E5E): A luminous, dusty gold — the color of honey in a jar.
• Heather (#94779A): A luminous, dusty pink — the color of a candy shop window.
• Coffee (#7F4C60): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#182718): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Dusty Parlor color palette (#E8F5EF, #989A55, #518F8E, #7F504A, #13271F)
• Weathered Amber color palette (#FAEEF4, #B97F5C, #6D6295, #623A5D, #241824)
• Softworn Teal color palette (#E6F5F5, #66A486, #5F88A8, #545B84, #132727)
• Pewter Studio color palette (#FAF5E6, #949362, #4189A5, #734E81, #3F3D36)
• Softworn Market color palette (#EEF8EF, #DFBE84, #AFA6D9, #8B799F, #253728)
• Wandering Indigo Harbor color palette (#FFF2ED, #DC9692, #8799D2, #836CAF, #433B38)
• Weathered Emerald Station color palette (#E0F7F7, #369C6A, #487AA1, #6D4A11, #001F1F)
• Antique Taupe color palette (#E2F8EF, #93B789, #54846C, #2A586F, #123230)

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