Tempered Bronze color palette — #F5ECE0 · #A27B39 · #3D3B34 · #241D14 · #100B09

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

The five colors

• Cream (#F5ECE0): a clean, paper-quiet neutral.
• Mocha (#A27B39): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#3D3B34): quiet, heavy and certain.
• Onyx (#241D14): a grounded near-black with real depth.
• Ink (#100B09): a grounded near-black with real depth.

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

• Dusty Moss color palette (#EFEEDF, #718F3F, #304300, #201F12, #0E0C07)
• Ancient Amber color palette (#EAF5EB, #CB8E00, #435F54, #323B32, #252023)
• Moonless Bronze color palette (#E8E0CD, #7A6B00, #133200, #160F00, #070300)
• Tempered Iris color palette (#F8F2DE, #A5A052, #7E84D7, #956886, #2D2716)
• Timeworn Forest Loft color palette (#E8EEE1, #006C4E, #363F44, #002426, #000B06)
• Tempered Lagoon Harbor color palette (#F5F1E9, #C7C5A6, #628F71, #775955, #32312A)
• Antique Moss Orchard color palette (#FAE2C7, #D1B67A, #92932A, #4C5F22, #34352E)
• Patina Olive color palette (#F4F2E7, #B1BA7F, #A18ED8, #707922, #422735)

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