Tempered Bronze color palette — #FDF1FC · #DFEDBA · #A36160 · #472E46 · #160B15

Mocha takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Celadon Mist (#DFEDBA): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#A36160): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#472E46): A deep, shadowed, dusty pink — the color of a candy shop window.
• Ink (#160B15): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Lichen Boulevard color palette (#FFF1F6, #E3F4CE, #A07989, #593C48, #23181C)
• Patina Sand color palette (#ECFAED, #FCE3A8, #8D7142, #234027, #09120A)
• Patina Parlor color palette (#F8EFF5, #CAB07A, #823E30, #361D31, #120910)
• Wandering Chestnut Drift color palette (#FFF2EC, #EAD1AB, #C18375, #8B5144, #2F1D13)
• Bronze Quarry color palette (#D9F1D9, #957600, #281700, #020F12, #020100)
• Coral Summit color palette (#FBF2FA, #F3D6C6, #51B299, #C36D6F, #001619)
• Pale Pier color palette (#FFF0F8, #D7C700, #8F3B00, #361200, #030100)
• Dusty Lime Canyon color palette (#E7FAF3, #A6BD59, #489264, #005F73, #251828)

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