Hushed Emerald Harbor color palette — #F4F7E6 · #538F4C · #006980 · #44386D · #3D2814

Olive Leaf and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#538F4C): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#006980): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#44386D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#3D2814): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Hushed Emerald 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

• Softworn Lagoon color palette (#F3F7EB, #40997D, #605E95, #5A3D64, #35312B)
• Sunlit Hollow color palette (#F8F6E8, #737C08, #006839, #303978, #38251C)
• Linen Moss color palette (#F9F6E3, #86903A, #1E6A96, #742B41, #5A2425)
• Timeworn Moss color palette (#FFF3E9, #88A356, #007B6F, #6D3860, #3D3E37)
• Hazy Aubergine color palette (#E6FBDE, #007563, #004F62, #4F004C, #221800)
• Gentle Thicket color palette (#E9FAEF, #006E81, #60347D, #5E1030, #202001)
• Faded Courtyard color palette (#F4F1B5, #9FB879, #3D855F, #005B50, #00424E)
• Pine Delta color palette (#E2E7D9, #1C864F, #273726, #1D2111, #090E07)

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