Bronze Basin color palette — #FBF4EE · #DBDBD1 · #9EB0AE · #AB7443 · #57514D

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

The five colors

• Ivory (#FBF4EE): a clean, paper-quiet neutral.
• Bone (#DBDBD1): bright and airy, almost weightless.
• Ash (#9EB0AE): A luminous, dusty teal — the color of glacier melt.
• Mocha (#AB7443): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#57514D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Tempered Pier color palette (#F7F0EB, #D7D8D0, #A5B4AD, #AD7446, #3D342E)
• Wandering Stone Basin color palette (#FFF3E9, #CEC0A0, #969C82, #7C6C74, #5C4A53)
• Timeworn Fern Corridor color palette (#E3E1D9, #B9BBA9, #88927D, #474800, #241F0C)
• Worn Apricot Alley color palette (#FFF3E2, #DD9461, #787C3E, #6E4D66, #4C4741)
• Fern Ridge color palette (#F9F5E9, #B0CA9F, #5E8D73, #76605C, #525000)
• Timeworn Bronze color palette (#E5DED8, #A19988, #7B7228, #402300, #0F0702)
• Amber Harbor color palette (#FDF3E9, #C9883E, #187E8A, #674862, #5C353D)
• Muted Fern color palette (#F5F6EC, #CBD8C0, #91B094, #2D6A27, #33342D)

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