Hushed Fern Harbor color palette — #F9F5E8 · #ADB48C · #2D8376 · #376457 · #404800

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

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#ADB48C): A luminous, dusty green — the color of new leaves after rain.
• Teal (#2D8376): A full-bodied, balanced teal — the color of sea glass.
• Pine (#376457): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#404800): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Patina Drift color palette (#F5F7E8, #A0D2B7, #4FA090, #5E7967, #374A00)
• Aged Olive color palette (#FBF4ED, #B8B27D, #5A7F49, #764C54, #534000)
• Cypress Field color palette (#FAF5E5, #75AA7D, #007367, #6A3B43, #35362F)
• Timeworn Harbor color palette (#E4F7F3, #7FC5A1, #3D8376, #3C5A67, #122C2C)
• Dusty Station color palette (#EBF9F4, #AFE0DE, #77BBAE, #7295AB, #2A4948)
• Dusty Cerulean Parlor color palette (#FBF3EE, #C4E5D5, #638CC3, #007264, #5C3C50)
• Shell Harbor color palette (#FFF0F8, #EAD5DA, #FBB3AB, #4880A5, #5A464C)
• Dusty Amber color palette (#FFE6D2, #AE8E00, #486600, #5C286F, #392C00)

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