Tempered Loft color palette — #FFF2EA · #9FAF81 · #438579 · #764863 · #474D00

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sage (#9FAF81): A luminous, dusty green — the color of new leaves after rain.
• Fern (#438579): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#764863): A full-bodied, dusty pink — the color of a candy shop window.
• Deep Olive (#474D00): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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

• Teal Canyon color palette (#FFF2EC, #75B7A3, #497F99, #7B4A44, #3B4D3B)
• Patina Cocoa color palette (#F4F7EA, #76A57D, #6D6B95, #624675, #683104)
• Worn Cocoa color palette (#FCF6D9, #C7CDB4, #839488, #83655D, #674500)
• Worn Petrol Summit color palette (#FAF4EE, #C8E9EE, #AD8DA7, #397985, #654957)
• Denim Workshop color palette (#E4F7F1, #8EB79A, #498677, #185587, #0C3233)
• Sunlit Courtyard color palette (#FFE9E0, #299B78, #006480, #6C2420, #20371E)
• Ancient Delta color palette (#F4F7EB, #FBE8AA, #A8DBA5, #51B0BE, #454942)
• Worn Teal Chapel color palette (#FFF0F8, #C5DA9D, #5EC2B2, #AE7998, #334E4B)

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