Hushed Harbor color palette — #F2F5FF · #9A8DCA · #7E7125 · #1F5A78 · #2A4659

Walnut and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Blue Fog (#9A8DCA): A luminous, balanced violet — the color of wild irises.
• Walnut (#7E7125): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#1F5A78): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2A4659): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Azure Dune color palette (#EDF7FE, #58A1CA, #9D5D4B, #006062, #1E4955)
• Wandering Canyon color palette (#FAF3F7, #D5E0F2, #6C9FC9, #427C67, #495365)
• Aged Pine Bloom color palette (#F7F3FC, #C47EA8, #228456, #4B4C84, #364161)
• Muted Blush color palette (#FCEEED, #D779A6, #8D6B3A, #2A573F, #002F25)
• Hushed Blush Delta color palette (#F9F2FF, #E197B9, #A58659, #3D7374, #2E455B)
• Softworn Meadow color palette (#F8F2FF, #E097A6, #C67055, #855633, #3E5542)
• Timeworn Lagoon Courtyard color palette (#EFF8EF, #A5CABC, #5B8F68, #61637F, #3C534B)
• Violet Balcony color palette (#F3F4FF, #9656DD, #645B00, #082BA4, #1E2769)

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