Tempered Bronze color palette — #F6F1E6 · #C2BD98 · #9B7F39 · #784E08 · #2C2E1B

Mocha and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F6F1E6): a clean, paper-quiet neutral.
• Sand (#C2BD98): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9B7F39): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#784E08): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#2C2E1B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Dusty Corridor color palette (#FBF5E6, #BFB8A0, #977D36, #6C5C2B, #534800)
• Timeworn Canyon color palette (#F7F1EA, #D6C09B, #825717, #35302A, #18130C)
• Hushed Bronze color palette (#F6F1EA, #DEBE8B, #4F9276, #8C6B32, #13180C)
• Tempered Forest Station color palette (#FFF0D7, #C4C990, #719163, #0C674E, #003233)
• Ancient Hollow color palette (#F0DDC7, #A79860, #7F5D30, #5E3017, #1D1801)
• Washed Olive Corridor color palette (#ECE1CF, #797527, #573F00, #371A00, #030700)
• Bronze Delta color palette (#EDF8F2, #B6D2C9, #7FA690, #8B6F49, #364D4A)
• Pale Amber Quarry color palette (#FBE7DE, #C37B00, #933E00, #6B0014, #181100)

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