Tempered Taupe color palette — #FCF5E0 · #A3AF68 · #5E8353 · #43624D · #494841

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

The five colors

• Cream (#FCF5E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A3AF68): A luminous, balanced green — the color of new leaves after rain.
• Fern (#5E8353): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#43624D): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#494841): a grounded near-black with real depth.

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

• Weathered Corridor color palette (#F5F6EA, #78A762, #1D8175, #225B72, #46423B)
• Softworn Apricot Workshop color palette (#FFF4E1, #D19C57, #86763D, #356451, #614000)
• Patina Taupe color palette (#FAF0E1, #AFAF77, #5E8363, #4A4E75, #2F2D19)
• Dusty Oat Field color palette (#F7F8D8, #CAD2AB, #8D9C81, #65776F, #584D59)
• Sunlit Lantern color palette (#F5F0CC, #009F63, #006A5C, #0F4171, #2F322B)
• Hushed Olive Basin color palette (#F3F3E5, #618C2B, #3C4100, #292920, #131611)
• Softworn Harbor color palette (#FFF2EC, #E9CBA6, #8FBB98, #A978AB, #594500)
• Dusty Navy color palette (#EEEDD9, #00785E, #004745, #031764, #001B16)

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