Tempered Taupe color palette — #E8F6EA · #CEA17E · #8C744B · #325D3E · #39262D

A conversation between Camel and Pine, giving this palette its sense of nature and growth.

The five colors

• Cream (#E8F6EA): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#CEA17E): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#8C744B): A full-bodied, dusty gold — the color of old brass.
• Pine (#325D3E): A full-bodied, dusty teal — the color of sea glass.
• Espresso (#39262D): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Driftwood Ridge color palette (#E6F6ED, #B4AD7A, #6F804E, #255A67, #183228)
• Muted Bronze Thicket color palette (#FBE7EE, #AD743D, #314032, #261B1F, #110A0E)
• Powdered Harbor color palette (#FFF1C9, #BD8500, #6E6200, #004A3A, #251A00)
• Cocoa Courtyard color palette (#FCF4E8, #CB9997, #8D7248, #43578A, #6E3709)
• Lagoon Field color palette (#EAF5ED, #ABCCBA, #628E7B, #725965, #26352D)
• Dusty Cocoa color palette (#FCF4E8, #E1B390, #A98E5F, #497C58, #663D00)
• Tempered Workshop color palette (#EAFAEE, #FFCFCB, #BA9D68, #5A739B, #4C3844)
• Tempered Bronze Orchard color palette (#D5E3DA, #937400, #4E5000, #00342E, #120E00)

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