Hushed Harbor color palette — #FAF4EF · #D0BE9B · #7B5434 · #532E00 · #29261B

Espresso and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Sand (#D0BE9B): A luminous, dusty gold — the color of old brass.
• Coffee (#7B5434): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#532E00): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#29261B): a grounded near-black with real depth.

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

Use it as a design system

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

• Chestnut Grove color palette (#FBEEF2, #DABF95, #815729, #462532, #191114)
• Bronze Ridge color palette (#F9F4EF, #D8BA9C, #468C78, #9B5C00, #2A3024)
• Softworn Cocoa color palette (#FCF3EA, #E9CCA2, #A2723E, #6E4100, #322A21)
• Washed Spruce color palette (#F6F6E9, #C7A887, #3F5B29, #1C3600, #232310)
• Dusty Taupe Garden color palette (#FCF2F6, #EEDDAB, #C09471, #80636F, #32282C)
• Inked Harbor color palette (#F0E6DA, #755B00, #232F30, #1F1100, #040200)
• Cocoa Lantern color palette (#FFF3E7, #B6A67B, #5B8261, #6A4C75, #554700)
• Patina Bronze color palette (#EBE9D8, #A06F27, #222B00, #131E18, #070B00)

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