Tempered Bronze Grove color palette — #F5F1EA · #D3DBD1 · #A3B3B3 · #9B7F39 · #39362F

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

The five colors

• Cream (#F5F1EA): a clean, paper-quiet neutral.
• Silver (#D3DBD1): a clean, paper-quiet neutral.
• Ash (#A3B3B3): a calm mid-gray that lets other colors speak.
• Mocha (#9B7F39): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#39362F): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Lagoon Meadow color palette (#F0F3EC, #CDDCD9, #AEC1C3, #48826B, #2A2D27)
• Softworn Dune color palette (#F8F0E8, #C6C797, #6C8D6A, #835718, #33312A)
• Patina Terrace color palette (#ECF0E2, #AAB8A9, #729787, #00522A, #090C03)
• Dusty Abyss color palette (#D9E2D4, #90A697, #89738C, #004035, #020501)
• Patina Spruce Atelier color palette (#E7E3D5, #8B9177, #61705E, #2B2C00, #020100)
• Patina Taupe color palette (#FFEEE4, #BCAC61, #448774, #5F4869, #2E2D1D)
• Wandering Pier color palette (#F6F1E7, #AC9D4C, #646EA1, #5F405E, #3B1D22)
• Tempered Emerald Lantern color palette (#EEEFDD, #659241, #343F2E, #1F1F16, #0E0C08)

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