Tempered Terrace color palette — #FFF2EB · #F2D6D5 · #FCAC93 · #89A340 · #49443E

Moss takes the lead with Melon close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Shell Pink (#F2D6D5): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FCAC93): A luminous, balanced orange — the color of toasted spice.
• Moss (#89A340): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal (#49443E): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, 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 Jade Drift color palette (#FEF3E8, #F2D6CA, #EFC473, #43AD72, #48463F)
• Marigold Market color palette (#FEF2F1, #E0D2D5, #FFB6D4, #CC982D, #603E33)
• Aged Terrace color palette (#FEECF4, #E8D4C6, #FFBB96, #A9965B, #39222B)
• Patina Olive Field color palette (#FFF2E9, #DAB190, #9E7C36, #6B6910, #4F5049)
• Patina Quarry color palette (#F9F5E7, #FFD1BA, #A9C44F, #00A3A1, #3A3A33)
• Marigold Ridge color palette (#FEF4E2, #FFAEA1, #C39900, #008966, #293100)
• Airy Emerald color palette (#FFF3E7, #FFC4D9, #E29700, #1C9B1D, #483600)
• Patina Cabin color palette (#FFF2EE, #DCC3BC, #9D877B, #856782, #66474C)

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