Bronze Harbor color palette — #F9EEF6 · #889AD0 · #9A6149 · #0F5A42 · #202C0E

Built around Walnut, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Blush (#F9EEF6): bright and airy, almost weightless.
• Blue Fog (#889AD0): A luminous, balanced violet — the color of a velvet chair.
• Walnut (#9A6149): A full-bodied, balanced orange — the color of sun-warmed clay.
• Pine (#0F5A42): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#202C0E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns 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

• Worn Basin color palette (#E6F6F1, #70A2CC, #95625D, #674319, #272A09)
• Worn Ash Boulevard color palette (#FCEEEE, #BE89A9, #6A7849, #1F583E, #003024)
• Dusty Chestnut color palette (#FDF2F3, #B885AB, #9B5C59, #724A0D, #44433B)
• Olive Quarry color palette (#FEEBFF, #CFBAC3, #A48F90, #63712C, #2F4333)
• Violet Ridge color palette (#FFEBF6, #806AEA, #923E00, #004432, #001D1E)
• Mallow Loft color palette (#F4F4FF, #DDBCF9, #BE889B, #8B5E4D, #1D3A58)
• Patina Hollow color palette (#FFE7F0, #C7A7D9, #A66F9A, #7E4B5E, #4B2E24)
• Ash Balcony color palette (#F8F0EC, #C8E4E1, #74A2C3, #38786E, #442D42)

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