Tempered Bronze color palette — #FCEDF4 · #A96C47 · #304135 · #33232B · #1B1315

Mocha and Forest set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#FCEDF4): a clean, paper-quiet neutral.
• Mocha (#A96C47): A full-bodied, balanced gold — the color of honey in a jar.
• Forest (#304135): A deep, shadowed, dusty teal — the color of glacier melt.
• Onyx (#33232B): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#1B1315): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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 Workshop color palette (#F5EBE4, #B47041, #553200, #251C14, #100B08)
• Timeworn Amber color palette (#FBEEF4, #D48651, #6D4E59, #40343A, #261F23)
• Apricot Alley color palette (#FEEFE3, #FF995A, #997532, #7B4514, #27201D)
• Bronze Orchard color palette (#DEF4DD, #8E5C00, #2D2D00, #061E07, #1C0B16)
• Dusty Bloom color palette (#DAE9E3, #6D7906, #103938, #09251C, #05100E)
• Ancient Cobalt Lantern color palette (#E8FAF0, #A09A68, #618CC4, #746BB1, #32483D)
• Patina Bronze Lantern color palette (#EDF9EF, #C1AE81, #7F96D5, #8F6D00, #3E4C71)
• Tempered Petrol Parlor color palette (#F8F2FF, #CABBC7, #819685, #566F88, #54495C)

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