Bronze Lagoon color palette — #FCF3EF · #DDDBD1 · #9EB0AA · #B16F50 · #58514E

A conversation between Mocha and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Bone (#DDDBD1): bright and airy, almost weightless.
• Ash (#9EB0AA): A luminous, dusty teal — the color of sea glass.
• Mocha (#B16F50): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#58514E): 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 Lagoon 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

• Patina Summit color palette (#F8F0EC, #D9D7D0, #A8B4AA, #B26F52, #3C3431)
• Timeworn Pier color palette (#F9F3F8, #E1D8D7, #B2B2BE, #B18FAB, #575055)
• Timeworn Lagoon color palette (#FFF2EC, #D0BEAA, #999779, #7A6874, #5A494B)
• Weathered Cocoa color palette (#F3EFE7, #C0B99E, #8D9272, #584000, #241E14)
• Timeworn Quarry color palette (#FFF4DF, #E38D81, #8D7336, #6A4E6D, #4D4641)
• Hushed Bronze color palette (#E6DDD9, #A99682, #886C25, #4D1600, #110602)
• Amber Thicket color palette (#FFF2EB, #D67C60, #398067, #395577, #52394F)
• Washed Fern Orchard color palette (#F8F6E6, #D1D6BC, #99AF8B, #556200, #34332C)

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