Hushed Basalt Harbor color palette — #FAF5E7 · #AEB391 · #418173 · #764E45 · #424700

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

The five colors

• Ivory (#FAF5E7): a clean, paper-quiet neutral.
• Sage (#AEB391): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#418173): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#764E45): A full-bodied, dusty orange — the color of toasted spice.
• Deep Olive (#424700): A deep, shadowed, balanced green — the color of new leaves after rain.

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

Use it as a design system

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

• Worn Basalt color palette (#FDF3E9, #BCAF87, #5B7E53, #525580, #524000)
• Worn Lagoon color palette (#F6F6EB, #92A17E, #047174, #663958, #2A3D00)
• Fern Hollow color palette (#F4F7E8, #9AD3B9, #3FA294, #876679, #354B04)
• Dusty Alley color palette (#E7F5F3, #86BFC1, #338479, #4B546F, #112C2D)
• Worn Iris Harbor color palette (#FBF4EE, #C8E3DA, #7787BE, #007171, #5F3B4B)
• Washed Driftwood Atelier color palette (#FFF2EF, #E6DAC3, #CAC799, #9D669F, #753B13)
• Antique Teal Corridor color palette (#EBF9F2, #B5E3BB, #75BBB0, #9C88A3, #2A4946)
• Plum Orchard color palette (#FFF2EE, #D38692, #009F8E, #B5204E, #004E45)

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