Tempered Bronze color palette — #FEF1F9 · #C698AA · #A05E47 · #744046 · #304234

Walnut and Coffee set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Mauve (#C698AA): A luminous, dusty rose — the color of strawberry cream.
• Walnut (#A05E47): A full-bodied, balanced orange — the color of sun-warmed clay.
• Coffee (#744046): A full-bodied, dusty red — the color of embers at dusk.
• Forest (#304234): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Warmth, Comfort, 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

• Timeworn Bronze Field color palette (#FFF1F6, #90B196, #9B642F, #724337, #2A4337)
• Worn Cocoa Dune color palette (#FFEEE4, #CDA088, #9E644D, #753917, #2F1F0F)
• Terracotta Garden color palette (#F5E2EC, #B68E62, #9C4713, #6C2D2F, #1A3825)
• Basalt Workshop color palette (#FFF2EB, #F2C6A9, #D49E89, #AB7976, #563500)
• Timeworn Driftwood color palette (#FFF0F9, #E9AF8E, #BA7F67, #7D5D75, #4A373F)
• Bronze Market color palette (#E8F8FE, #009399, #A35C23, #495B1B, #20373E)
• Bronze Archive color palette (#F6E5EC, #9A6C00, #693600, #500600, #001C0F)
• Denim Orchard color palette (#ECF7FF, #DB9C90, #00587C, #0E3148, #171B28)

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