Tempered Terrace color palette — #FAF5E8 · #F2E8A2 · #D8BEFA · #A69B56 · #5A3C47

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

The five colors

• Ivory (#FAF5E8): bright and airy, almost weightless.
• Butter (#F2E8A2): A whisper-light, balanced green — the color of new leaves after rain.
• Lavender (#D8BEFA): A whisper-light, balanced violet — the color of wild irises.
• Moss (#A69B56): A luminous, balanced green — the color of new leaves after rain.
• Cocoa (#5A3C47): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged 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 Taupe Study color palette (#FEF3EA, #E9DBB8, #A4D0FF, #C38C62, #523E55)
• Timeworn Garden color palette (#F2F8E7, #ACFACB, #F9B3DC, #69AB84, #5D3C3D)
• Aged Taupe color palette (#E6FBF2, #D5DAA2, #89D5E3, #A9AF62, #285364)
• Softworn Sunflower color palette (#FDF5DB, #D5D262, #CFAAE7, #AF97BE, #3A3831)
• Antique Lagoon Market color palette (#F0F8EB, #D6D6CB, #5C9284, #3F4A39, #181D15)
• Softworn Basalt Lantern color palette (#FFF2EB, #E2DCC2, #CCA48F, #92716B, #523B00)
• Olive Cabin color palette (#F5F2E6, #B6B785, #CD858E, #777600, #49261D)
• Antique Garden color palette (#ECF9F2, #8DBCA6, #A48BC5, #7B7600, #544469)

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