Tempered Bronze color palette — #F2F5FF · #DBDBFF · #D395B6 · #857316 · #2D4A01

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

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Thistle (#DBDBFF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#D395B6): A luminous, balanced rose — the color of strawberry cream.
• Walnut (#857316): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2D4A01): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged vintage, retro, 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

• Muted Bronze color palette (#ECF7FF, #CDDFFF, #A79BC9, #9E633D, #533D0C)
• Worn Workshop color palette (#F3F4FF, #D7D0EC, #C58C97, #5F6C3B, #0C4747)
• Weathered Canyon color palette (#E8EAFF, #C39ED9, #A0748A, #645A24, #364C33)
• Fern Loft color palette (#DCDCFD, #CE97B6, #A16368, #284E00, #002417)
• Spruce Lagoon color palette (#ECDBE9, #BD8390, #8A5847, #003C1B, #000C0B)
• Blush Terrace color palette (#C8F4FF, #BAC8FF, #E28CB4, #519A77, #1A5354)
• Muted Amber color palette (#FFF0F9, #EBB1B2, #BF764B, #007957, #00393D)
• Cocoa Harbor color palette (#F5DCF8, #9C7790, #633F00, #002D2A, #000306)

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