Softworn Harbor color palette — #FBF4EC · #E5CDAA · #A07337 · #6B4400 · #312A22

Walnut and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Wheat (#E5CDAA): A whisper-light, dusty gold — the color of old brass.
• Walnut (#A07337): A full-bodied, balanced gold — the color of old brass.
• Bronze (#6B4400): A full-bodied, balanced gold — the color of old brass.
• Onyx (#312A22): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Wandering Driftwood color palette (#EFF8EF, #CBDBCA, #A67D45, #3A4C39, #161D16)
• Weathered Thicket color palette (#FAF4ED, #D2BD98, #775731, #3D3832, #282619)
• Hushed Driftwood Villa color palette (#F8F5ED, #DCD2A0, #80A876, #9C8D3E, #2E2E28)
• Aged Bronze color palette (#F3E5CF, #946E00, #392800, #1B211A, #0A0500)
• Ancient Coast color palette (#EEEBCF, #A89212, #3E4C00, #171E00, #030200)
• Timeworn Taupe Harbor color palette (#F1F7F1, #F0DCA9, #C3945D, #5C7559, #262E25)
• Timeworn Study color palette (#FCF5DF, #B3C78D, #789E79, #407887, #4D4A00)
• Taupe Pier color palette (#FDF3EA, #CB9561, #9780B5, #80556C, #3A332F)

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