Tempered Bronze color palette — #FFF3E5 · #B2A970 · #916A37 · #704538 · #433F00

Walnut and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#B2A970): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#916A37): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#704538): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#433F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Antique Canyon color palette (#E9F6EA, #92B699, #8C7047, #66441E, #12281B)
• Weathered Chestnut color palette (#FBE3CA, #A7974F, #895713, #63352B, #31312A)
• Dusty Driftwood color palette (#FFF3E4, #D0BA99, #A9895A, #816242, #403D36)
• Misty Rust Lagoon color palette (#F8E7FF, #EA8CAB, #B45A4D, #6A4600, #444100)
• Olive Lagoon color palette (#F3E1C2, #7B7B18, #5B4000, #451800, #171800)
• Tempered Wisteria color palette (#FCF2F4, #D890DE, #946400, #7D4882, #2D2213)
• Shadow Chestnut color palette (#FDE4D3, #7A4F00, #4C1A00, #280009, #050300)
• Tempered Mint color palette (#FFF0F7, #71C38F, #544877, #412332, #261616)

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