Bronze Coast color palette — #FDF3E9 · #E0DFC0 · #C9A783 · #A16D3A · #543900

A conversation between Ochre and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Celadon Mist (#E0DFC0): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#C9A783): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#A16D3A): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#543900): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Muted Bronze Boulevard color palette (#FFF3E7, #F8D7AD, #BE956E, #925D2C, #35312B)
• Mustard Lagoon color palette (#FFF5DA, #B7B951, #857800, #564400, #171200)
• Driftwood Courtyard color palette (#FFF2EA, #F6B793, #B7785E, #7B493E, #301C08)
• Amber Canyon color palette (#FFDEC9, #D48434, #934800, #561D00, #070300)
• Tempered Chartreuse color palette (#F8F6E5, #B4D16E, #6DBDC5, #A67462, #33322B)
• Weathered Bronze color palette (#F6DFC2, #AA7E00, #694500, #331B00, #020100)
• Driftwood Corridor color palette (#FEEDF2, #ACC2AF, #A07484, #6F4B5F, #1D3126)
• Amber Delta color palette (#FFF4DF, #E5D165, #B08E12, #7C5800, #2B2900)

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