Bronze Harbor color palette — #FDF3E9 · #D6C38D · #9B641F · #593B1A · #282017

Built around Ochre, softened by Sand — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Sand (#D6C38D): A whisper-light, dusty green — the color of new leaves after rain.
• Ochre (#9B641F): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#593B1A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#282017): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Patina Hollow color palette (#F8F5EE, #E9CD9E, #868037, #5F4A00, #2F2B20)
• Antique Rust color palette (#FEF2EF, #C9C88F, #AC505B, #5F3438, #2E1D18)
• Bronze Veranda color palette (#FAF4EE, #F2B775, #00A68F, #B07016, #1E2719)
• Hushed Archive color palette (#ECFAEB, #CFA863, #6C4917, #1C351A, #10201B)
• Aged Sand color palette (#FEF1F5, #FDE2AC, #936E45, #4F2C38, #190A0F)
• Worn Bronze Pier color palette (#E3DFCF, #9B6900, #292F00, #18221C, #050700)
• Pale Marigold Terrace color palette (#F8F7DE, #F1AB47, #507700, #2B4300, #1D1B08)
• Tempered Amber color palette (#FFF1F6, #E2D6A3, #B98A5B, #7C5664, #2E1B22)

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