Washed Harbor color palette — #F3E4DD · #BA5F00 · #8E5000 · #593600 · #140A00

Built around Ochre, softened by Ochre — the whole palette hums with optimism and balance.

The five colors

• Parchment (#F3E4DD): a clean, paper-quiet neutral.
• Ochre (#BA5F00): A full-bodied, balanced gold — the color of honey in a jar.
• Ochre (#8E5000): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#593600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#140A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Washed 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

• Rust Coast color palette (#F8DBD9, #B04100, #613600, #1F1300, #020100)
• Bronze Boulevard color palette (#EDDCC0, #967100, #6C5A00, #413900, #0B0B00)
• Bronze Garden color palette (#D1E5D0, #AA7000, #008567, #734A00, #000805)
• Brick Courtyard color palette (#FFE9E9, #CA494B, #B50A05, #721900, #160400)
• Bronze Harbor color palette (#F5E8D5, #96A679, #689D5C, #945900, #140C00)
• Weathered Mulberry color palette (#F5D7E2, #9F5C00, #4C7400, #A10059, #040100)
• Ancient Moss color palette (#EBE0C0, #A99500, #888100, #5A5C00, #192100)
• Quiet Marigold color palette (#FDE9D1, #D99920, #B88800, #856A00, #3C3200)

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