Bronze Lagoon color palette — #F6F1E7 · #C1BCA0 · #9D7E39 · #7A4D0B · #2D2E1C

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

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Stone (#C1BCA0): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#9D7E39): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7A4D0B): A full-bodied, balanced gold — the color of old brass.
• Espresso (#2D2E1C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Bronze Orchard color palette (#FAF5E8, #C1B89D, #997C36, #6E5B2E, #554700)
• Chestnut Garden color palette (#F6E6D9, #A57F3C, #804302, #541D14, #140D00)
• Turquoise Pier color palette (#E7F7EB, #58A1B0, #A47761, #805139, #14281B)
• Misty Pier color palette (#FFE3D0, #C59560, #9B5632, #762026, #271900)
• Stone Ridge color palette (#E9FAEF, #B9E8E6, #90BAA1, #63836B, #31443C)
• Bronze Canyon color palette (#FFE9CC, #7E7325, #5A3E00, #3A1800, #070500)
• Patina Taupe color palette (#EEF8F1, #B6D2C7, #7DA78D, #926675, #354D49)
• Tempered Petrol Terrace color palette (#EAF5EE, #DFBAA6, #2D6A7B, #1E372A, #0A1710)

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