Bronze Coast color palette — #FBF2F8 · #D3DFDB · #ADC6C7 · #AF6C5B · #41373E

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

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Silver (#D3DFDB): bright and airy, almost weightless.
• Stone (#ADC6C7): A luminous, dusty teal — the color of sea glass.
• Mocha (#AF6C5B): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#41373E): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Taupe Villa color palette (#FAF3F7, #E6D5D3, #AACBD1, #CC8E75, #43363E)
• Worn Bronze Delta color palette (#ECFAED, #D0E3DC, #9AC8C6, #9C6E00, #263828)
• Muted Chestnut color palette (#FAF4F0, #DCD9CF, #BFB19E, #964C2D, #5C2B00)
• Worn Loft color palette (#F1DEE3, #B26F00, #29473C, #311922, #120B10)
• Chestnut Bloom color palette (#F1E9ED, #BBC8BD, #8AAEA2, #914A28, #291A23)
• Patina Taupe Canyon color palette (#F0F7F2, #D3DCDE, #ADB4BF, #83A58D, #4D554F)
• Softworn Pewter color palette (#FFE1E8, #D4B2BF, #6EA197, #5E6387, #41455C)
• Softworn Basalt color palette (#DFE8E3, #98A9A6, #678E93, #4E4600, #000D06)

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