Hushed Harbor color palette — #FAF3F0 · #DDDAD2 · #A2B0A9 · #B0704E · #58514E

A conversation between Mocha and Ash, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Bone (#DDDAD2): bright and airy, almost weightless.
• Ash (#A2B0A9): soft and architectural.
• Mocha (#B0704E): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#58514E): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Hushed Courtyard color palette (#F8F5EF, #D8DED3, #B8C4B7, #7F7540, #4B473F)
• Driftwood Market color palette (#FAF3F7, #E0D7D7, #B8AEA8, #7B7997, #575054)
• Cocoa Archive color palette (#F1EAE0, #BFB9A5, #939066, #564100, #261E11)
• Weathered Bronze color palette (#FFF4E2, #D6967F, #947030, #006572, #4D4641)
• Wandering Balcony color palette (#FFF2E9, #D0C0A8, #9E9777, #597869, #594C57)
• Timeworn Bronze Delta color palette (#E8DCD5, #A79686, #8E6927, #4B1900, #120601)
• Worn Fern color palette (#F7F6EA, #D2D6BA, #83B39A, #516300, #34332C)
• Aged Pier color palette (#FAF4EF, #DBDAD2, #9DB1AB, #AC7345, #56514E)

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