Hushed Harbor color palette — #F9F5E6 · #9CC097 · #2C9473 · #326D79 · #35362F

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F5E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9CC097): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#2C9473): A full-bodied, balanced teal — the color of sea glass.
• Teal (#326D79): A full-bodied, dusty blue — the color of deep harbor water.
• Espresso (#35362F): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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

• Dusty Loft color palette (#FEF3E6, #BEB681, #6E8D36, #586188, #38352E)
• Hushed Lagoon color palette (#E3FBF5, #B1DDB6, #569A7E, #2D6F71, #012F2C)
• Timeworn Cypress Boulevard color palette (#E7E6D6, #75B68D, #008476, #70436C, #252D09)
• Muted Market color palette (#FAF6E3, #96CB95, #009D7B, #81558E, #234423)
• Azure Studio color palette (#FDF3ED, #BBDEC8, #4A9FD0, #007E6D, #4B2F4B)
• Patina Jade Coast color palette (#EEECDC, #53A76E, #007161, #004D62, #00220C)
• Sunlit Olive color palette (#F7E9D4, #ADB33A, #368E00, #574E9A, #2F3100)
• Wandering Fern color palette (#F8F5ED, #D6D2B5, #77AA80, #907480, #574E00)

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