Bronze Coast color palette — #FFF2EB · #B46C51 · #09827E · #30557E · #38312D

Built around Mocha, softened by Teal — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Mocha (#B46C51): A luminous, balanced orange — the color of toasted spice.
• Teal (#09827E): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#30557E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#38312D): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Worn Quarry color palette (#FDF4E5, #A68238, #00755E, #2C467A, #52283B)
• Muted Bronze color palette (#FDF4E5, #9C7D1E, #2A79A0, #5C4483, #36322C)
• Raspberry Delta color palette (#FFF1F0, #BA5D88, #507E54, #005F66, #442B29)
• Wandering Denim Ridge color palette (#FFEFDF, #B17842, #5E8147, #10509D, #251607)
• Tempered Boulevard color palette (#FFDEBE, #965600, #006472, #140CB3, #311800)
• Airy Cobalt Field color palette (#FFF1F6, #D08E4C, #729D5F, #2270BD, #452934)
• Bronze Chapel color palette (#FAF4EE, #DBDDD1, #BDC3B3, #926B3E, #4E463E)
• Aged Olive color palette (#F4EFD5, #6B790B, #455F99, #5F2F60, #2C2706)

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