Bronze Coast color palette — #F5F1EB · #D6D8D0 · #A7B4AA · #A27B3B · #393631

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

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#D6D8D0): a clean, paper-quiet neutral.
• Ash (#A7B4AA): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#A27B3B): A luminous, balanced gold — the color of honey in a jar.
• Charcoal (#393631): quiet, heavy and certain.

Feels like: Optimism, 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

• Pine Studio color palette (#F1F3EC, #D1DAD3, #B0C2B8, #4F8356, #2B2D24)
• Weathered Grove color palette (#E1E5D8, #9BA395, #708268, #004227, #030500)
• Driftwood Market color palette (#F4F3DF, #CCD1AF, #859472, #4E6E5F, #28423B)
• Worn Olive Corridor color palette (#F9F1E0, #B8AC72, #718042, #105E5C, #322C17)
• Patina Bloom color palette (#F1F7F1, #D1DEDD, #A9ACB7, #6E8B6D, #505450)
• Washed Bronze color palette (#E2DED7, #938D7C, #7B6B1F, #342800, #020100)
• Hushed Fern Alley color palette (#EBE9E0, #CECCBA, #A5A68A, #545B00, #191607)
• Timeworn Moss color palette (#F0EDE3, #8A871F, #3D3C35, #211E13, #0F0C07)

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