Tempered Bronze color palette — #FFF1F5 · #BCD1C0 · #B88E9C · #98684D · #3B4D42

Walnut and Dusty Rose set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Oat (#BCD1C0): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#B88E9C): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#98684D): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#3B4D42): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Chestnut Pier color palette (#FFF1F6, #A8C7AB, #AD8763, #965637, #294433)
• Aged Bronze Coast color palette (#EDF9F1, #B6D2C7, #7EA690, #887145, #374D48)
• Timeworn Harbor color palette (#FEF3E8, #DEE4BD, #CAA782, #A46B3E, #503C00)
• Timeworn Driftwood color palette (#FAF3F7, #B8DCBF, #A46E59, #694232, #32282E)
• Ancient Terracotta color palette (#F6E1ED, #C9A1B2, #AA7059, #8E3E3C, #20371F)
• Aged Amber color palette (#FAF3F6, #F5C6A6, #87A866, #C57637, #1C332E)
• Bronze Meadow color palette (#D2F2E0, #9BA568, #807300, #644800, #192A05)
• Dusty Grove color palette (#E0FFDE, #DDCCA0, #9F9F5A, #577C26, #175222)

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