Taupe Loft color palette — #FFF2ED · #9FB167 · #3B8485 · #754C52 · #454D00

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sage (#9FB167): A luminous, balanced green — the color of new leaves after rain.
• Teal (#3B8485): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#754C52): A full-bodied, dusty red — the color of embers at dusk.
• Deep Olive (#454D00): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Taupe 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

• Aged Taupe Field color palette (#FFF2EA, #C6A15E, #478663, #734C5B, #4A4841)
• Tempered Teal Meadow color palette (#FFF2ED, #5ABD98, #4C7DA2, #734F43, #3E4C3E)
• Aged Atelier color palette (#F9F5EC, #C6C397, #5E8D76, #816018, #554F00)
• Dusty Oat Workshop color palette (#FFF4DB, #C2CEAE, #7E9F90, #836F69, #5E4A44)
• Taupe Station color palette (#E4F7F0, #8EB88D, #548470, #285774, #163130)
• Patina Atelier color palette (#FAF4ED, #C6EBEF, #8A97C2, #5D765D, #624B54)
• Emerald Terrace color palette (#FFE9E2, #009E6B, #00618C, #6B242C, #1F371D)
• Tempered Pine color palette (#F0F4E4, #3B9159, #314133, #272A1F, #141611)

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