Hushed Harbor color palette — #FCF2F3 · #E2D9D1 · #C7BEB1 · #8C6681 · #514445

Built around Slate, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#FCF2F3): a clean, paper-quiet neutral.
• Bone (#E2D9D1): bright and airy, almost weightless.
• Stone (#C7BEB1): A luminous, dusty gold — the color of honey in a jar.
• Slate (#8C6681): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#514445): quiet, heavy and certain.

Feels like: 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

• Washed Cocoa color palette (#FFF2EC, #E0DAC5, #C8BAA2, #985549, #672C08)
• Worn Mulberry Workshop color palette (#FFF2F0, #E7CCC0, #BEA086, #913359, #462B27)
• Cocoa Alley color palette (#F0E9E2, #C5B79D, #948F6F, #643900, #2A1C0D)
• Stone Balcony color palette (#FCF4E6, #A6B87E, #577E5D, #6B515B, #4B4300)
• Washed Ash color palette (#F6F4FA, #DFD7DB, #B9B6AB, #D395BC, #4A4552)
• Antique Bronze color palette (#FFEEEF, #D69C9A, #AB7B42, #446757, #324D4D)
• Weathered Garnet Summit color palette (#F5E7E6, #BDA29A, #AB6F45, #5B1B42, #1F0F0E)
• Hushed Plum color palette (#F8DED8, #BF365D, #502500, #2B1A17, #120B07)

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