Tempered Taupe color palette — #FFF3E7 · #FFD58E · #B99A49 · #7B6B0F · #323200

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Peach Cream (#FFD58E): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#B99A49): A luminous, balanced gold — the color of old brass.
• Olive (#7B6B0F): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#323200): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Wandering Orchard color palette (#FFF2EE, #EFD8BA, #DD925C, #915D1E, #4A2F00)
• Mustard Thicket color palette (#FFEEE4, #FECA92, #CCA957, #898633, #364900)
• Pale Moss Meadow color palette (#FFF7C1, #E0E38E, #94AE55, #4C6F2F, #043906)
• Hushed Pier color palette (#FFF4E1, #FDBF5D, #A3923B, #29725C, #35312B)
• Weathered Garden color palette (#E8DDCC, #AB8800, #615600, #202000, #010100)
• Muted Bronze Veranda color palette (#FFDBEE, #D1A77A, #937012, #514D00, #192600)
• Worn Mustard color palette (#FFF5D8, #DCC000, #8F8B00, #414D00, #0E1C00)
• Aged Parchment Alley color palette (#FFF4E0, #CAEDC4, #BDBC99, #6A8069, #3B4E41)

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