Bronze Harbor color palette — #F1F5FF · #97B3FF · #BD6B00 · #5C7100 · #0C1B34

Ochre takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Sky (#97B3FF): A luminous, balanced violet — the color of a velvet chair.
• Ochre (#BD6B00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#5C7100): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#0C1B34): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Wisteria Hollow color palette (#F3F4FF, #C4A2FF, #A27C00, #007B45, #171832)
• Antique Crimson Balcony color palette (#ECF7FF, #53C3FF, #D9484F, #806300, #011D30)
• Pale Coast color palette (#F1F5FF, #8985FF, #B56600, #15690B, #00151E)
• Softworn Orchard color palette (#F4F4FF, #D08CFF, #CC5315, #2D5F00, #002634)
• Coral Studio color palette (#F2F5FF, #B1A3FF, #EF8561, #B17E00, #2B244A)
• Misty Alley color palette (#FFF4DE, #CFABFF, #C953A1, #595D00, #361A3F)
• Wandering Pier color palette (#E8FCE8, #008788, #865E00, #4D4E00, #003333)
• Magenta Thicket color palette (#F7F3FF, #FF3EE7, #5D7B00, #00625D, #1C0018)

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