Bronze Coast color palette — #F7EBE2 · #B66E3F · #553200 · #271B12 · #100B08

Caramel and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F7EBE2): bright and airy, almost weightless.
• Caramel (#B66E3F): A luminous, balanced gold — the color of old brass.
• Cocoa (#553200): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#271B12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#100B08): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Raspberry color palette (#FBE9E5, #BF6079, #4C352E, #271B18, #100B0B)
• Weathered Coast color palette (#F3EDDE, #918430, #3D3B34, #231E11, #0F0C06)
• Dusty Rust color palette (#FBEEF4, #C35A03, #2E4233, #2F252A, #1A1315)
• Amber Pier color palette (#FDEDF4, #E17E3A, #675159, #3F353A, #261F23)
• Lagoon Pier color palette (#F9F2DE, #A59F5C, #33A383, #A36754, #2D2714)
• Tempered Apricot color palette (#FFF2EA, #DF9C78, #704D00, #35281F, #130E0C)
• Tempered Garden color palette (#F7F1E7, #C3B37F, #3AB1A9, #886F07, #233721)
• Fern Orchard color palette (#E1E5C6, #1A6E07, #313A3F, #002611, #010B00)

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