Tempered Bronze Pier color palette — #FAF4EF · #DEDCD0 · #C3C1B1 · #9E6441 · #4D4642

Walnut and Stone set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Bone (#DEDCD0): a clean, paper-quiet neutral.
• Stone (#C3C1B1): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#9E6441): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#4D4642): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Olive Canyon color palette (#F9F5EA, #D5DCCE, #C0BE9E, #726E00, #4E3E00)
• Driftwood Hollow color palette (#FBF2F7, #C8DCDE, #A7BDC6, #A98199, #4E444A)
• Worn Bronze color palette (#EDE5DE, #B4A797, #9E7837, #532D00, #1E1003)
• Stone Villa color palette (#FEF3DC, #C3BA8F, #8D8D67, #527053, #365854)
• Tempered Lagoon color palette (#E6E8DC, #B7BBAD, #889376, #195309, #1F2112)
• Airy Studio color palette (#FEF3E7, #FFCBAB, #F0A23D, #A89000, #413C36)
• Patina Bronze color palette (#FFF4E0, #BB8E54, #7F6700, #015C41, #413C36)
• Hushed Delta color palette (#FBF5E7, #9A8832, #1A7728, #005352, #522C1D)

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