Hushed Basalt color palette — #F9F5EC · #B2B28E · #4B806C · #6C4C70 · #474500

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

The five colors

• Ivory (#F9F5EC): a clean, paper-quiet neutral.
• Sage (#B2B28E): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4B806C): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#6C4C70): A full-bodied, dusty pink — the color of peonies in June.
• Deep Olive (#474500): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Hushed Basalt 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 Lantern color palette (#F6F6EC, #BAC6AB, #6E8A6F, #7D5C5A, #405612)
• Olive Lantern color palette (#ECF4EF, #90BFAE, #5E804D, #654B61, #132D25)
• Pale Olive color palette (#FFF3E7, #ADA562, #3D7B16, #73440A, #423B00)
• Weathered Iris color palette (#FCF5E1, #A9A264, #9178CC, #726700, #47376A)
• Hazy Courtyard color palette (#F9F7DB, #799445, #766FBC, #804893, #393831)
• Teal Archive color palette (#EDF9EF, #CCDDA6, #7DBD95, #8E8DA6, #2F4941)
• Tempered Bronze Studio color palette (#FFE1CB, #C69B61, #8B8100, #536300, #244F30)
• Hushed Mulberry color palette (#F0ECD5, #5CA479, #006865, #750C55, #00381E)

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