Bronze Harbor color palette — #FBF1DB · #9B8523 · #6271AB · #404D86 · #221803

Built around Moss, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Cream (#FBF1DB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Moss (#9B8523): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#6271AB): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#404D86): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#221803): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Creativity, Balance. 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

• Softworn Bronze color palette (#FAF0E3, #AF7B07, #008492, #005B72, #231806)
• Antique Petrol color palette (#F5F2E4, #808A40, #006D93, #5B274D, #161001)
• Ancient Drift color palette (#F0F4E7, #69A578, #6485B0, #655483, #212515)
• Washed Atelier color palette (#F3F3E1, #729252, #776AA7, #7A3B4C, #1C1B04)
• Dusty Aubergine Field color palette (#FFF2EC, #B46A5C, #636BA9, #693B85, #38312E)
• Hushed Cypress Balcony color palette (#FFEEE2, #97A463, #067D68, #653158, #232507)
• Gentle Pewter Corridor color palette (#E6FBF1, #A3A35E, #359DBC, #88589C, #1C3A2D)
• Tempered Workshop color palette (#FBEBB0, #A6BA80, #438558, #00554A, #002528)

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