Soft Bronze Harbor color palette — #FFD5CC · #EC9B7F · #B56A41 · #824309 · #5F3C1A

A conversation between Ochre and Bronze, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD5CC): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#EC9B7F): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#B56A41): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#824309): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5F3C1A): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Soft Bronze Harbor 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

• Sunlit Rust color palette (#FFDBE4, #DD8997, #BA5D66, #853B3C, #5B3B1E)
• Basalt Coast color palette (#FFF3E9, #C49F7F, #946649, #714532, #573500)
• Ancient Amber color palette (#FAE7FF, #F3AB9F, #D0784B, #9A5600, #5E450E)
• Softworn Apricot color palette (#FFDED6, #FFBAA3, #F88A52, #B87341, #5B3947)
• Bronze Atelier color palette (#F8DAA9, #C7AB63, #967E1E, #5F5400, #2A4724)
• Faded Harbor color palette (#FFF2EA, #D28C67, #A075BA, #9A4D1E, #4E385A)
• Tempered Terracotta Station color palette (#FADBCD, #A14900, #653400, #2F1800, #0E0C00)
• Muted Olive color palette (#FFF3E7, #B37A3F, #63883E, #945067, #3C3731)

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