Hushed Harbor color palette — #FDF4E7 · #B09361 · #58719B · #574A7B · #583746

Charcoal Brown takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FDF4E7): a clean, paper-quiet neutral.
• Caramel (#B09361): A luminous, dusty gold — the color of honey in a jar.
• Slate (#58719B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#574A7B): A full-bodied, dusty violet — the color of a velvet chair.
• Cocoa (#583746): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Tempered Taupe Bloom color palette (#F8F5EC, #A29A54, #5E6F9A, #774149, #5C382E)
• Tempered Lantern color palette (#FFF2ED, #C5847F, #377E73, #64476A, #5B363F)
• Hushed Pewter color palette (#FAF5E8, #BCB284, #499B9B, #6B5F98, #60342D)
• Wandering Ridge color palette (#EAF5EE, #A89D68, #0D8280, #4B3E86, #401A18)
• Softworn Olive Basin color palette (#F7F2DE, #7C7C00, #454A95, #631B3D, #490A0A)
• Hushed Teal Quarry color palette (#FAF2F8, #FDB29D, #4CBDBF, #A77591, #493C56)
• Ash Basin color palette (#FBF3F0, #C9EBE3, #6BA2BB, #52795D, #604A60)
• Ancient Archive color palette (#FFF2ED, #D4C2AA, #8F957B, #8A6965, #784310)

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