Bronze Harbor color palette — #FFF0F8 · #FFA49E · #B86300 · #564800 · #162000

Ochre and Rose Quartz set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Rose Quartz (#FFA49E): A luminous, balanced orange — the color of toasted spice.
• Ochre (#B86300): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#564800): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#162000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Hazy Bronze Grove color palette (#FFF1F0, #FFB079, #A37F00, #465600, #001D13)
• Scarlet Workshop color palette (#FAF1FF, #FF9DC4, #F02E08, #6E3800, #1E1700)
• Velvet Summit color palette (#FCDDE4, #C25400, #503500, #0B0E00, #000200)
• Wandering Studio color palette (#FFEBE4, #FF9656, #D97B00, #966000, #352400)
• Timeworn Quarry color palette (#ECD9DD, #F05953, #8B4700, #4B3500, #292B00)
• Tempered Market color palette (#F9F2FF, #EDDACB, #D5A972, #7B793E, #1D4618)
• Hushed Forest color palette (#F5DFC6, #928B00, #00661B, #00201D, #000102)
• Hazy Blush color palette (#FFF8BA, #FF7797, #926B00, #004979, #320600)

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