Tempered Bronze color palette — #FFF1F1 · #EEA2A6 · #AF6C55 · #725225 · #564607

Mocha and Rose Quartz set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Rose Quartz (#EEA2A6): A luminous, balanced red — the color of late-summer berries.
• Mocha (#AF6C55): A full-bodied, balanced orange — the color of autumn markets.
• Coffee (#725225): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#564607): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Tempered Bronze color palette (#F6F3FF, #F9BBCD, #C68977, #8F652A, #514D00)
• Washed Coast color palette (#FBF5E4, #E2899E, #956E4A, #3C6352, #703417)
• Mallow Courtyard color palette (#F6F3FF, #DBAFE0, #AA7184, #854948, #6B3C21)
• Apricot Lagoon color palette (#FFF2EB, #E8AE7A, #9F8241, #5E6227, #1E5329)
• Gentle Thicket color palette (#FFDFE5, #FF7254, #A65C00, #5C4600, #313800)
• Worn Grove color palette (#FCF3F1, #DFDAD1, #A2B0A8, #9E776F, #58514F)
• Dusty Market color palette (#FFF2EF, #D8BAA1, #A09680, #637A72, #3B4F52)
• Bronze Cabin color palette (#F7E7E1, #AA6600, #554A00, #1E2A00, #001714)

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