Bronze Coast color palette — #FFF2EA · #E1DDC1 · #D3A289 · #A9664D · #533B00

Mocha and Deep Olive set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E1DDC1): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#D3A289): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#A9664D): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#533B00): 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

• Hushed Amber color palette (#FFF2EA, #FAD5B1, #D48868, #8B5C5D, #35312B)
• Antique Bronze color palette (#FFF3E3, #BCB575, #996E00, #6D3500, #161300)
• Weathered Driftwood Summit color palette (#FFF0F8, #CDAEB9, #977587, #6D5567, #3C4D3E)
• Weathered Apricot color palette (#EDF9ED, #71D6D7, #E69879, #7E8855, #283628)
• Wandering Bronze color palette (#FFE7D3, #AB7C2D, #773A00, #460101, #020100)
• Fern Boulevard color palette (#F2E5C0, #8DA462, #6B6100, #442C00, #000601)
• Coral Studio color palette (#EAF9F4, #83C0F0, #CA6B6C, #59743B, #1A2C27)
• Washed Study color palette (#D8F3FF, #DCD6CC, #8F9E9F, #3B5448, #202824)

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