Weathered Bronze Harbor color palette — #DBEDDF · #ADB380 · #9F7A1A · #7C4E32 · #133733

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

The five colors

• Honeydew (#DBEDDF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#ADB380): A luminous, dusty green — the color of a quiet forest floor.
• Ochre (#9F7A1A): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Coffee (#7C4E32): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Forest (#133733): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

One click turns Weathered 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 Courtyard color palette (#D6F6E6, #8BA978, #7C7500, #6B4300, #002A2B)
• Ancient Balcony color palette (#F8E0ED, #CDA76F, #B66A41, #87434B, #1A372A)
• Driftwood Canyon color palette (#FFF4E1, #CBCB96, #A28645, #764E2B, #252300)
• Muted Lantern color palette (#EEF9ED, #B5D3C2, #BA9364, #886A7E, #3B4C47)
• Powdered Moss color palette (#E0F3EE, #6BA21B, #C55F22, #5D6800, #102C26)
• Antique Boulevard color palette (#F7D4E6, #A17423, #843A00, #60001B, #0D0C00)
• Hushed Veranda color palette (#DDF7E0, #747404, #5B4000, #3F1600, #000504)
• Byzantium Dune color palette (#ECF7FF, #0092CD, #9141AD, #5C5100, #051E2F)

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