Hushed Harbor color palette — #E3F7F0 · #92A880 · #3E7337 · #005153 · #00221C

Built around Olive, softened by Forest — the whole palette hums with nature and growth.

The five colors

• Cream (#E3F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#92A880): A luminous, dusty green — the color of new leaves after rain.
• Olive (#3E7337): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#005153): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#00221C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cypress Corridor color palette (#E7F5F6, #6DAEA2, #007470, #244A69, #022125)
• Timeworn Fern Villa color palette (#FEF4E4, #9BA161, #417134, #603F52, #37352F)
• Muted Fern color palette (#DDF6ED, #7C9861, #1A6702, #572A18, #001712)
• Dusty Thicket color palette (#DDF7F0, #498A42, #005226, #003036, #000A09)
• Ancient Boulevard color palette (#E9F5F2, #A1D0DF, #008C99, #005C54, #002433)
• Driftwood Drift color palette (#EAF5EE, #A6CEBB, #7D8A4E, #6D5A6E, #25352E)
• Aubergine Courtyard color palette (#E5E8F8, #9682D0, #008D92, #5D3D9F, #002123)
• Charred Market color palette (#DEECE3, #5E5B00, #272D00, #2E0005, #010100)

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