Bronze Harbor color palette — #F8F5EE · #C7DFCB · #B0B286 · #A3803D · #584300

Caramel and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Celadon Mist (#C7DFCB): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B0B286): A luminous, dusty green — the color of fresh herbs.
• Caramel (#A3803D): A luminous, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Aged Archive color palette (#FBF4EC, #EBDDB9, #A9BF8A, #A99782, #604A00)
• Driftwood Delta color palette (#EEF8F1, #C8C395, #828556, #596B5E, #3F5248)
• Ancient Powder Veranda color palette (#EEF9E6, #8FDEC5, #7BC4F3, #A9A661, #303D26)
• Hushed Bloom color palette (#F3F7ED, #C1EAD2, #5BB09D, #6D7F3C, #2A4100)
• Muted Fern Loft color palette (#E8E1CB, #8B9459, #3F5700, #033605, #010100)
• Dusty Orchard color palette (#F9F6E0, #A8C694, #50864D, #485915, #0C1E00)
• Abyss Parlor color palette (#F4F8E0, #70B389, #007151, #0C4913, #000B03)
• Timeworn Cerulean color palette (#F5F6EF, #C6DCE4, #A5C6F6, #4DA0A9, #355549)

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