Bronze Canyon color palette — #FFF0F9 · #AD684C · #6B5300 · #004C5D · #372235

A conversation between Mocha and Coffee, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mocha (#AD684C): A full-bodied, balanced orange — the color of autumn markets.
• Coffee (#6B5300): A full-bodied, balanced gold — the color of old brass.
• Deep Teal (#004C5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#372235): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Bronze Canyon 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

• Hazy Ridge color palette (#FDF1F8, #AC6641, #3F6400, #333B8B, #38232F)
• Pale Drift color palette (#F9F2FC, #B47288, #825B01, #004983, #582438)
• Worn Corridor color palette (#F8F2FE, #9C547C, #8F3F1B, #004E43, #2D2336)
• Dusty Bronze color palette (#EEE0E7, #A8582C, #22382B, #2B1823, #130B0E)
• Muted Balcony color palette (#EBF9F1, #8D7E1D, #466518, #003D7F, #1A2E1A)
• Dusty Quarry color palette (#FCEEEC, #CB5F78, #00692B, #00475C, #1E0A12)
• Tempered Pewter color palette (#F8F3F8, #E0D8D8, #B2C6C3, #9E6064, #4E444F)
• Bronze Atelier color palette (#FFE4F8, #D99598, #B36038, #694800, #3C4600)

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