Tempered Pier color palette — #F6F2E3 · #B6B783 · #9A94CC · #777622 · #422736

Walnut and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F2E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B6B783): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#9A94CC): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#777622): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#422736): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Tempered Thicket color palette (#EFF4E4, #8FC1A2, #C187AC, #338359, #462729)
• Dusty Boulevard color palette (#EBF9F3, #ADB588, #8E91D4, #6F7B00, #404C6C)
• Bronze Villa color palette (#FBF0E6, #D7A982, #67A5C7, #996433, #12392C)
• Timeworn Garden color palette (#F7F2E2, #C1BD9A, #978139, #735100, #2D2E19)
• Muted Taupe color palette (#F7F2DA, #99A361, #6095B4, #99677A, #2C2711)
• Cypress Balcony color palette (#F0F3E8, #D6C194, #456C4F, #30322B, #13150A)
• Patina Taupe Corridor color palette (#F9F5EA, #EDE9A9, #CDC3F7, #A39D53, #5B3B4B)
• Violet Summit color palette (#F6F5CC, #83BB45, #8B54C4, #406900, #2D0949)

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