Tempered Bronze color palette — #FAECFF · #D897AD · #AD6051 · #733D00 · #2A2200

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

The five colors

• Blush (#FAECFF): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#D897AD): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#AD6051): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#733D00): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#2A2200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Frosted Garnet Corridor color palette (#E5E5FF, #C5A4D0, #B05774, #7E1D00, #381E00)
• Quiet Rust color palette (#FFE6EE, #DF949B, #BE5038, #7A3D00, #593900)
• Aged Bronze color palette (#FFE9EB, #DBA58E, #A1702C, #514E00, #002A11)
• Bronze Orchard color palette (#E4F7EF, #BF86B7, #9B5630, #004D6C, #2B1B31)
• Pale Coral Grove color palette (#FDEBFF, #F0ABC3, #DB6F64, #935900, #483E00)
• Coral Lantern color palette (#F5E9F3, #E6667A, #8D4400, #432E00, #0F1600)
• Worn Pewter color palette (#F4F0F6, #DFD4D6, #B3C4BF, #9D5F75, #2F2A31)
• Fern Atelier color palette (#FFDCD3, #C1905E, #696800, #1C4600, #001E16)

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