Tempered Loft color palette — #FFF2EF · #E0B894 · #907F4C · #57601A · #255828

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sand (#E0B894): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#907F4C): A luminous, dusty green — the color of new leaves after rain.
• Olive (#57601A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#255828): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Loft 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

• Timeworn Moss Field color palette (#FFF2EC, #FED0AC, #D0B46C, #8D9A51, #2D572E)
• Olive Drift color palette (#E1FFE1, #E2CA9E, #B09E5D, #7E7700, #495000)
• Fern Boulevard color palette (#F8F2FF, #DEA5A9, #A67461, #7E5424, #574A00)
• Ancient Taupe Balcony color palette (#EAFAEB, #CF9A7A, #797B46, #515580, #3E4C3D)
• Ancient Amber color palette (#FEE4CB, #A38A22, #566400, #004420, #002F27)
• Lagoon Grove color palette (#FFF7C4, #A0B976, #398B61, #005C54, #00434D)
• Dusty Cabin color palette (#FBF2F6, #D0D9DB, #9BA1AC, #987786, #595053)
• Chestnut Quarry color palette (#F8E2D7, #885800, #3A2F00, #0B1200, #000401)

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