Tempered Taupe color palette — #FFF2EE · #98B36C · #33858A · #724B63 · #414F01

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 (#FFF2EE): a clean, paper-quiet neutral.
• Sage (#98B36C): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#33858A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#724B63): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#414F01): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro, muted.

Use it as a design system

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

• Washed Marigold color palette (#FFF3E8, #CC9F5D, #588363, #5D5278, #584500)
• Muted Thicket color palette (#FFF2ED, #48BEA6, #547AA6, #5F5754, #3C4C40)
• Softworn Fern color palette (#F8F6E7, #9DCBAB, #60A191, #507293, #3B500A)
• Wandering Moss color palette (#F6F6E9, #80A651, #756698, #714357, #5B3735)
• Aged Chestnut color palette (#F8F5EC, #ADCBA1, #758963, #7D6217, #505100)
• Patina Teal color palette (#E3F7F0, #86BA94, #4F8576, #325573, #143232)
• Tempered Emerald Pier color palette (#FFF1F4, #00A84F, #006A89, #712742, #003F36)
• Softworn Bronze Coast color palette (#FFF4DC, #C3CAB1, #779586, #A05F43, #7A3C21)

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