Tempered Bronze color palette — #F8F1E3 · #BFB480 · #9397CD · #837100 · #2C2D4F

Built around Walnut, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Sage (#BFB480): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9397CD): A luminous, dusty violet — the color of wild irises.
• Walnut (#837100): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#2C2D4F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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

• Timeworn Olive Parlor color palette (#F3F3E6, #A2BE8D, #AC8DC9, #55802E, #472432)
• Muted Bronze Atelier color palette (#F9F0E8, #D1AA8D, #47ABC2, #A75B0B, #003842)
• Lilac Dune color palette (#EEF8F1, #D7C386, #B4A5E9, #A18A43, #474B64)
• Turquoise Lantern color palette (#FAF5E5, #B5B47B, #00ADBA, #7A7623, #37553E)
• Antique Bronze Field color palette (#F8F1E2, #C1BC9D, #9C7E39, #725026, #2C2E1B)
• Tempered Iris color palette (#F8F2DF, #A39F64, #8187C8, #796DAD, #2E2712)
• Muted Boulevard color palette (#ECF5E5, #6DB49E, #B274AD, #00765E, #3A1838)
• Ancient Forest color palette (#F1F3EB, #DBBD9F, #446D48, #30322B, #131508)

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