Bronze Lagoon color palette — #FAF4ED · #D9DCD2 · #A0B0B0 · #A6773D · #56524D

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

The five colors

• Ivory (#FAF4ED): a clean, paper-quiet neutral.
• Bone (#D9DCD2): a clean, paper-quiet neutral.
• Ash (#A0B0B0): soft and architectural.
• Mocha (#A6773D): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#56524D): 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

• Driftwood Quarry color palette (#F6F1EB, #D6D8D1, #A5B2AE, #9C7C5B, #3A3530)
• Stone Field color palette (#FFF3E6, #CCBF97, #8F9885, #866A70, #624C47)
• Hushed Fern color palette (#ECEBE1, #B6BCA8, #83947D, #394D00, #212011)
• Fern Coast color palette (#F7F6EA, #A4CDAA, #578D7F, #785F57, #495304)
• Weathered Apricot color palette (#FFF3E5, #D39B54, #69804E, #6F4D62, #5D4300)
• Washed Olive Studio color palette (#E9E0D4, #A09A85, #72762D, #3A2700, #0E0802)
• Dusty Forest color palette (#F3F7EB, #C6D9C2, #8DB19A, #006C42, #2C3900)
• Amber Market color palette (#FEF3E6, #C8892C, #128084, #5B4A74, #553944)

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