Bronze Basin color palette — #F8F0EB · #DAD7CD · #A9B1A6 · #B0724B · #3A3532

Built around Mocha, softened by Ash — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Bone (#DAD7CD): bright and airy, almost weightless.
• Ash (#A9B1A6): a calm mid-gray that lets other colors speak.
• Mocha (#B0724B): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#3A3532): quiet, heavy and certain.

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

• Muted Courtyard color palette (#FAF3F7, #E1D8D6, #A8AFB7, #A27568, #594F56)
• Tempered Bronze color palette (#F7F0EA, #D9D9C4, #CBBE9D, #955C22, #302213)
• Softworn Basalt Cabin color palette (#ECE7DE, #B9B49B, #8F906E, #514200, #100900)
• Muted Apricot Boulevard color palette (#FBF0E0, #DC9979, #8B7643, #3A5A48, #37291B)
• Hushed Stone Basin color palette (#FFEEE1, #D3BC99, #9F9C85, #50685F, #443741)
• Bronze Terrace color palette (#F4EAE3, #998B7B, #86651F, #451C00, #030100)
• Ancient Fern Cabin color palette (#F3F3E7, #D2D7C1, #A3B195, #466700, #1C1B0C)
• Hushed Bronze color palette (#F7EBDF, #B37218, #3E3B34, #231D16, #100B08)

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